wrong place to post - sorry - using jquery cycle -
On Feb 2, 9:45 am, rc cola wrote:
> Any help would be greatly appreciated. I can send screen shot - site
> is still in dev.
How can I make this section under by default collapsed?
On Nov 19, 7:39 am, Leonardo K wrote:
> $("h4").click(function(){
> $(this).next('div').slideToogle();
>
> }).trigger('click');
> On Thu, Nov 19, 2009 at 04:11, srikanthv wrote:
> > I have to implement slide on each question. by d
I tried animate before I found the slide effect and obviously it isn't
quite that simple if the slide effect won't work.
On Aug 29, 7:56 am, Anoop kumar V wrote:
> You can also try to use animate which is part of jquery core. Look up
> some examples on the jquery website, there are quite simple.
You can also try to use animate which is part of jquery core. Look up
some examples on the jquery website, there are quite simple.
-Anoop
On 8/29/09, Charlie wrote:
> there are lots of plugins to do this
>
> look for carousel or scroll in a plugin search
>
> jCarousel and scrollable are 2 excel
there are lots of plugins to do this
look for carousel or scroll in a plugin search
jCarousel and scrollable are 2 excellent ones that come to mind as well
as scrollto
W. Young wrote:
A good example of the behavior I want is on the firefox addons home
page https://addons.mozilla.org/en-U
A good example of the behavior I want is on the firefox addons home
page https://addons.mozilla.org/en-US/firefox/?application=firefox
At the top, there is a pane for viewing the content of three items at
a time with a back and forward button to scroll through.
I need a similar way to slide one i
Test Object
$(function() {
$(".obj").slideUp(0); // initial state
$(".obj").slideDown(500);
setTimeout(function() {
$(".obj").slideUp(500);
}, 5000);
});
On Sat, Jul 4, 2009 at 2:26 PM, Snaak wrote:
>
> Hi all,
> I try to make a div to slide down, pauze for 5 seconds and then slide
>
Hi, I have done as you say, so this is the
code for the left to right:
[
function()
{
$slide1.animate(
{
left: parseInt($slide1.css('left'),100) == 0 ?
-$slide1.outerWidth() : 350
})
}
]
It get right but affter i continue click , nothing happen ( after
s
since you are learning
rather then click you will want to use toggle on the one state you
will move right, on the other left
http://docs.jquery.com/Events/toggle#fnfn2fn3.2Cfn4.2C...
probablye easiest tot ake your animate code and create 2 function one
for going left and on for right and fi
Maurício
Beautiful!
Maujor wrote:
>
> I've hosted a live example for the effect at: http://jsbin.com/irera/
>
> Edit it at: http://jsbin.com/irera/edit
>
> Maurício
> -Mensagem Original-
> De: webguy262
> Para: jquery-en@googlegroups.com
> Enviada em: terça-feira, 23 de
I've hosted a live example for the effect at: http://jsbin.com/irera/
Edit it at: http://jsbin.com/irera/edit
Maurício
-Mensagem Original-
De: webguy262
Para: jquery-en@googlegroups.com
Enviada em: terça-feira, 23 de junho de 2009 09:37
Assunto: [jQuery] slide a div open an
Ah, so this is definitely an IE issue rather than anything jQuery
centric. That makes sense!
-Darrel
> IE cant handle css-images properly
> Try to use your images as html.
>
> 2009/6/6 D A
>
>>
>> > I'm attempting to create a mini slide show of rotating image. I'm
>> > using jquery cycle lite:
IE cant handle css-images properly
Try to use your images as html.
2009/6/6 D A
>
> > I'm attempting to create a mini slide show of rotating image. I'm
> > using jquery cycle lite:
> >
> > http://malsup.com/jquery/cycle/lite/
>
> Well, after a lot more trial and error and experimenting, I've com
> I'm attempting to create a mini slide show of rotating image. I'm
> using jquery cycle lite:
>
> http://malsup.com/jquery/cycle/lite/
Well, after a lot more trial and error and experimenting, I've come to
the conclusion that the plugin (or, perhaps more likely, IE) can't
handle background image
$(document).ready(function(){
$(".loginToggle").click(
>
> function(){
>$("#loginForm").*slideToggle*("slow");
>});
>
> });
On Sun, May 17, 2009 at 5:21 AM, Jere wrote:
>
> Try this:
>
> $(document).ready(function(){
>$(".loginToggle").click(function(){
>
Try this:
$(document).ready(function(){
$(".loginToggle").click(function(){
$("#loginForm").toggle("slow");
});
});
Is not only fading, but more or less i think is what you need.
Btw, you could also combine both effects:
jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle', height: 'toggle'}, speed,
easing, callback);
};
On May 16, 9:49 pm, mkmanning wrote:
> You can make your own:
>
> jQuery.fn.fadeToggle = function(spe
You can make your own:
jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};
Probably a little beyond you right now, but study it and check out the
docs.
HTH :)
On May 16, 9:50 am, Sobering wrote:
> Hey guys,
>
> I'
Yes thanks!
On Apr 19, 11:10 am, Rick Faircloth wrote:
> Check this out, iceangel...
>
> http://flesler.blogspot.com/2007/10/jqueryscrollto.html
>
> May be just what you need.
>
> hth,
>
> Rick
>
> On Sat, Apr 18, 2009 at 11:05 PM, iceangel89 wrote:
>
> > how can i slide down to part of a page
Check this out, iceangel...
http://flesler.blogspot.com/2007/10/jqueryscrollto.html
May be just what you need.
hth,
Rick
On Sat, Apr 18, 2009 at 11:05 PM, iceangel89 wrote:
>
> how can i slide down to part of a page (say an or div#with-id
> tag)? u know those horizontal or vertical sites?
>
The browser scrollbar ?
If so:
With the ScrollTo plugin [1]:
$.scrollTo( 0 );
You can add a duration as second argument (f.e: 1000).
[1] http://flesler.blogspot.com/2007/10/jqueryscrollto.html
--
Ariel Flesler
http://flesler.blogspot.com
On Mar 25, 12:41 pm, introvert wrote:
> Hello
>
> Ho
Hi Martin,
Maybe this tutorial will help:
http://www.learningjquery.com/2009/02/slide-elements-in-different-directions
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 6, 2009, at 4:51 AM, Martin wrote:
Hello All,
I am not sure if this question has b
> I have a which is very wide and it's inside of a which is
> somewhat thin and has overflow:hidden--I use this as a like a viewport
> to just show part of the wide div. I have a left and a right arrow and
> what I want is that when the user puts the mouse on the arrow, then
> the inner div will
I was trying to replicate the Apple.com downloads accordion and I came
accross the same issue.
The Soultion
very simple use mousemove instead of mouseenter.
works like a charm for my jquery accordions
--
View this message in context:
http://www.nabble.com/Slide-down-and-up-element-and-rem
I wasn't sure whether you could post code in here, but here is what I
have for the slideToggle code
src="http://www.usm.edu/music/scripts/jquery-1.3.1.js
$(document).ready(function(){
// hides quickLinks just before page load
$('#USMquickLinks').hide();
// toggles the slickbox on clicking the no
Sorry for not being clear... My fault.
If you go to www.usm.edu/music, you'll see the template as it should
be. Working perfectly, like I want it (with the js.gallery
functioning and rotating the images in the header; but notice the
"quick links" drop-down menu. Well, I want to take that and m
I get javascript errors in IE, and the images overlap the content in
firefox.. what am I looking for exactly?
On Jan 23, 3:03 pm, Christian wrote:
> Hey everyone.
>
> I'm still a bit new to the whole jQuery world. I love what I've seen
> so far, and it seems fairly simple to implement on a site
I have had the same issue on 2 different accordions, where sometimes
the hover event doesnt trigger the drawer to open, and you have to
mouse out and back over again to trigger it. Anyone have a thought as
to how to smooth that out? Mech7, your jumping is pretty subtle, but
Remy over at jqueryford
Ah if i change the accordion:
.ui-accordion-content { padding: 1em 2.2em; }
to
.ui-accordion-content { padding: 0px; }
It has the same issue it iwll jump, does anybody know why?
Ah ok cool didnt see that one... only umm i would still like to know
how to solve this on my own :p
On Jan 22, 5:08 pm, Jörn Zaefferer
wrote:
> Actually you can use pretty much any element you want. More details
> here:http://docs.jquery.com/UI/Accordion/accordion
>
> Jörn
>
> On Thu, Jan 22, 20
Also the accordion has a issue where as you move fast over the items,
before the animation is finished it does not catch the mouseenter
event, so you have to go over it once again to open it.
Ah ok cool didnt see that one... only umm i would still like to know
how to solve this on my own :p
On Jan 22, 5:08 pm, Jörn Zaefferer
wrote:
> Actually you can use pretty much any element you want. More details
> here:http://docs.jquery.com/UI/Accordion/accordion
>
> Jörn
>
> On Thu, Jan 22, 20
Actually you can use pretty much any element you want. More details
here: http://docs.jquery.com/UI/Accordion/accordion
Jörn
On Thu, Jan 22, 2009 at 11:03 AM, Mech7 wrote:
>
> That is what i used first but it's very specific about the html
> elements like it expects a p tag as content, that
That is what i used first but it's very specific about the html
elements like it expects a p tag as content, that's why i decided
to make my own... :)
On Jan 22, 4:28 pm, "Richard D. Worth" wrote:
> You may want to look at the jQuery UI Accordion (if you haven't already):
>
> http://ui.jquer
You may want to look at the jQuery UI Accordion (if you haven't already):
http://ui.jquery.com/demos/accordion#mouseover
- Richard
On Thu, Jan 22, 2009 at 4:08 AM, Mech7 wrote:
>
> I have an example here:
> http://www.mech7.net/tmp/slide_down/
>
> When i hover the elements it jumps a little in
Just to make it clear, do not view this in IE since it works, but in
Firefox it doesn't and also seamonkey if anyone uses that!
I have also found that Firefox doesn't play well with
wmode="transparent". Not sure if this has been fixed since this was
the case a while back.
> An example page will be helpful. You might want to see if you have set
> wmode="transparent" in your flash first.
Thank you for your reply Kean!
I added the param vmode as transparent in the HTML, it seems to make
it worse :( it seems make it blink for a fraction of a second!!
http://www.time
An example page will be helpful. You might want to see if you have set
wmode="transparent" in your flash first.
On Dec 16, 12:08 pm, "theoga...@googlemail.com"
wrote:
> Hello all,
>
> This is my first post here but I have been trying to solve this
> problem for a while now and I hope I can do it
Have you got your classes and ids mixed up. The javascript $("#extra")
is acting on id="extra" but I don't see anything with this id in your
code. There is a with class="extra" - which would be $
(".extra").
Paul
On Nov 20, 6:47 pm, livewire9174 <[EMAIL PROTECTED]> wrote:
> Hi,
> No idea what I
Try something like this:
div.toolbox{
position:absolute;
top:0px;
right:0px;
width:220px;
height:99%;
border-left:solid 1px #00;
overflow:hidden
overflow-x:hidden;
overflow-y:hidden;
}
Monitor the resize event.
window.lastWidth = $(window).bind('resize',adjustToolbox).widt
wow - thanks Mike!
On Oct 19, 7:40 am, Mike Alsup <[EMAIL PROTECTED]> wrote:
> On Oct 19, 8:09 am, Krys <[EMAIL PROTECTED]> wrote:
>
>
>
> > anyone?
>
> > On Oct 18, 8:59 am, Krys <[EMAIL PROTECTED]> wrote:
>
> > > I have a page to code where there will be two divs side by side.
> > > The left on
On Oct 19, 8:09 am, Krys <[EMAIL PROTECTED]> wrote:
> anyone?
>
> On Oct 18, 8:59 am, Krys <[EMAIL PROTECTED]> wrote:
>
> > I have a page to code where there will be two divs side by side.
> > The left one will contain navigation, and a << button. Clicking this
> > should slide the dive off the
anyone?
On Oct 18, 8:59 am, Krys <[EMAIL PROTECTED]> wrote:
> I have a page to code where there will be two divs side by side.
> The left one will contain navigation, and a << button. Clicking this
> should slide the dive off the page to the left, leaving just a >>
> button. At the same time, the
Chuck,
I suspect it's only the svg object being used for the background,
which really doesn't have anything to do with the 'code' - only the
implementation. I'm looking at it in Safari, so I'm only guessing.
Perhaps Gerald can add a simple workaround, or an example without the
gradient
On Oct
On Tue, 14 Oct 2008 21:51:46 -0700 (PDT), Gerald wrote:
> See an example slide show in action @
> http://slideshow.rubyforge.org/autoplay.html
The URL presents this message:
"Microsoft's Internet Explorer browser has no built-in vector graphics
machinery required for "loss-free" gradient bac
Have a look in the jQuery sintax.
There isn't: SlideInUp and SlideOutUp
Use: slideDown and slideUp instead
Correct sintax:
$('#test2').slideDown(500);
$('#test1').slideUp(500);
Mauricio
Might be a crazy guess
but i'd say the src tag in
isn't valid/allowed
ah, thanks for the info.
I tried to implement this with fade, it doesn't look that great in IE
unfortunately (simply looks like the regular toggle truth be told).
As well, there was no fadeToggle function unfortunately, but it was a
trivial addition:
fadeToggle: function( speed, callback ) {
This doesn't work because the element you are trying to show/hide is a
element (which has its default display: table-row; )
When jquery does animations it sets the display property to
'block' (this breaks the table)
If you want animations on table elements use only fadeIn and fadeOut
(as they o
My first post was lacking a bit of info:
This works fine in IE7 (7.0.5730.13)
it does NOT work in Firefox 3 (3.0.1)
You got it though Bob,
show("slow") refused to work. And actually, continually hiding/showing
the element would create an odd buffer between the two cells.
Removing the "slow"
I've previously implemented table row show/hide in a production app,
so I went back to check - the main difference between your code and
mine was that you're using 'slow' in your toggle() statement. When I
eliminated that and just used toggle() (or show() / hide() ), your
jQuery code seems to wor
I've implemented show/hide of table rows in a production app, so I
checked my own code; the primary difference is that you're using
'slow', and I wasn't. When I copied your code and removed the 'slow'
parameter, it worked just fine. Maybe this is a bug in the
implementation of fade effects speci
I removed all the margin/padding of the element that's being modified
to no avail... I should have mentioned that.
Thanks for the feedback!
IIRC this can be caused by padding and/or margin being other than 0.
On Tue, May 6, 2008 at 2:10 PM, Yann <[EMAIL PROTECTED]> wrote:
>
> I got a smilingly simple problem but I have spent way to much time
> trying to fix it unsuccessfully already... Hoping some jQuery guru can
> figure this one ou
I'm trying to achieve the same, but with an overlayed panel sliding up
from the bottom of the screen. Do you know if that is possible using
this script?
Jan David
On 20 mrt, 21:47, uneuronh <[EMAIL PROTECTED]> wrote:
> hey thanks, it worked :)
>
> On Mar 19, 5:36 am, "Richard D. Worth" <[EMAIL P
And the answer is..
All credit goes to wizzud for the answer
#wrap {
margin-left:0px;
margin-right:auto;
width: 910px;
}
#top h1 {
display: block;
background: url("image_910x40.jpg") no-repeat left top;
height: 40px;
width: 910px;
margin: 0px;
om: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of motob
Sent: Tuesday, October 02, 2007 5:29 PM
To: jQuery (English)
Subject: [jQuery] Re: Slide up/down bug with table data in IE7
I think its more of an issue of IE not handling table tags properly.
I've had some unexpected resu
I did something similar a while back.
http://www.commadot.com/jquery/slideMenu.php
Does this help?
Glen
On 10/2/07, Tom Clancy <[EMAIL PROTECTED]> wrote:
>
>
> In the midst of adding a slide down form to an existing site (http://
> widgetworld.com/tclancy/), I've run into an issue in IE 6/7: whe
I think its more of an issue of IE not handling table tags properly.
I've had some unexpected results when trying to slide table rows in my
app. If you're wanting to slide up and down the entire table, try
wrapping a around it and slide the . This worked for me
when I needed to show and hide enti
Do you have a sample of the code?
On Oct 2, 9:51 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
> I have a module which contains a table of information. When I slide the
> module (to hide the info) it works just fine. When I slide it back down (to
> display the data) the table disappears.
>
> Is
I think this is called "Peek In" in PowerPoint.
You can achieve it with some combination of animate and css positioning.
I probably could whip up a demo, but it shouldn't be too hard. (I think)
Glen
On 9/26/07, Sean Catchpole <[EMAIL PROTECTED]> wrote:
>
> jQuery has native a slide effect, but I
Hi!
That does the trick! thank you!
On Sep 25, 3:25 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> On Sep 25, 2007, at 4:14 AM, Simpel wrote:
>
>
>
>
>
> > Hi everybody
>
> > I'm looking for a plugin or something like that witch has the same
> > functionality as the categories onhttp://www.devia
On Sep 25, 2007, at 4:14 AM, Simpel wrote:
Hi everybody
I'm looking for a plugin or something like that witch has the same
functionality as the categories on http://www.deviantart.com/ (click
on categories on the upper left side of the site...) What I'm after is
the functionality that when yo
On 10 Sep., 16:01, Lobo <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I have issues with theslideeffectsincethe version 1.1.3 (same
> issue with 1.1.4):
>
> _ Flicker effet when the div is sliding up, just before disappearing.
> (working fine with 1.1.2)
I can confirm this - also with the new jquery 1
There is. Look at Interface effects slide/blinds. If that doesn't help you
(as I have similar problem), try this:
Set container position attribute to position: relative, and overflow: hidden
Hidden part (which will be displayed during resize of container) will have
following css:
position: absol
That cycle plugin is killer! I have found my replacement for
frontpage flash foto-fading. Rotating portfolio/client work images on
a frontpage is an easy way to catch the eye - and everyone's doing it
right now...in flash. I have been boycotting the technique, but with
jQuery and easing it has
hmm that might work. Thanks.
On Aug 9, 9:59 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> You can do this with the Cycle plugin. I just added a bunch of new effects:
>
> http://www.malsup.com/jquery/cycle/
>
> Mike
>
> On 8/9/07, Chris J. Lee <[EMAIL PROTECTED]> wrote:
>
>
>
> > Is there a plugi
Hello Mike,
> You can do this with the Cycle plugin. I just added a bunch of new
> effects:
> http://www.malsup.com/jquery/cycle/
Could you add demos with images that are not the same size (if it
works)?
And do you think you could add Ken Burns effects, so that I drop my
plugin in favor
Totally. I mean, anytime I need to contact you, I have to go through
"channels" and stuff. Scary! ;)
Rey
Mike Alsup wrote:
http://www.malsup.com/jquery/cycle/
Nice plugin Mike, when did you release this?
Thanks, Sean. I don't know if I ever "released" it. I put it up on
my website a fe
> > http://www.malsup.com/jquery/cycle/
>
> Nice plugin Mike, when did you release this?
Thanks, Sean. I don't know if I ever "released" it. I put it up on
my website a few months ago I think. Maybe I was being covert like
Rey said. :-)
Mike
Mike's been a little covert lately. I keep finding new stuff from him
all of the time.
He's doing stuff NSA-style.
Rey...
Sean Catchpole wrote:
On 8/9/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
http://www.malsup.com/jquery/cycle/
Nice plugin Mike, when did you release this?
On 8/9/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> http://www.malsup.com/jquery/cycle/
Nice plugin Mike, when did you release this?
Wow...
That plugin looks amazing! The animations are great Mike!
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mike Alsup
Sent: Thursday, August 09, 2007 8:59 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Slide Right
You can do
You can do this with the Cycle plugin. I just added a bunch of new effects:
http://www.malsup.com/jquery/cycle/
Mike
On 8/9/07, Chris J. Lee <[EMAIL PROTECTED]> wrote:
>
> Is there a plugin that slides divs to the right?
>
>
Like one of these?
http://interface.eyecon.ro/demos/ifx.html#slide-fx
Or maybe just position it absolutely and animate the 'left' property?
--Erik
On 8/8/07, Chris J. Lee <[EMAIL PROTECTED]> wrote:
>
>
> Is there a plugin that slides divs to the right?
>
>
Hi Chris,
Using .show() and .hide() with a speed will animate the height,
width, and opacity of the element.
You'll probably have better/smoother results if you use .slideDown()
and .slideUp() . Let us know how that works for you.
--Karl
_
Karl Swedberg
www.englishrules.c
oh DARN!! that visualjquery site is great! who made it? nice work.
- Original Message
From: Matt Stith <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Monday, April 9, 2007 10:20:30 PM
Subject: [jQuery] Re: slide window to a set height??
Yep! Check out the .animate
Yep! Check out the .animate method!
$(stuff).animate({height:30},speed,callback);
You might wanna bookmark www.visualjquery.com, its the best way to browse
the wonders of jQuery!
On 4/10/07, sspboyd <[EMAIL PROTECTED] > wrote:
Hi,
I have looked at the docs and examples but I'm not sure if thi
78 matches
Mail list logo
