fade

Mootools Fade effect for Joomla Tabs

Hi, I am trying to use the TabsManager for Joomla from Gavick. I am using the fourth example. But instead of the slide effect for navigating to different tabs, I am trying to use the FADE effects to show the tab contents. I have no idea how to do this in mootools. The javascript source file is tools.gavick.com/demo/modules/mod_tabmix_g...

jquery cycle not working/playing in IE7

got the jq cycle plugin to work nicely on all the other major browsers, but IE7 just shows the first nested element (an img with a anchor wrapped around it) with no fade/animation. http://alitedesigns.com/ I checked for trailing commas after the custom attributes for cycle, any thoughts on why IE won't play nice? thanks! ...

[jQuery] Any HTML tags inside of tooltip cause basic tooltip to close on hover.

Hi. I'm new to jQuery, in fact any kind of AJAX / JavsScript (although not new to PHP, xHTML and CSS). Anyway I'm trying to achieve a "tooltip-like" effect, where I can hover over a div...the new div fades in above it and then when I exit the div the "tooltip" fades out. So here's the basic jQuery I've managed to scrap together readin...

jQuery not and classes

Hi Guys, I have 2 anchor links (a.selector) and when one is clicked it has a class applied to it of 'active-arrow' and the click also removes the class of the same name from the other anchor as well as lowering the opacity to 0.2. I then want to have a fade effect when the user hovers over the anchor that doesn't have 'active-arrow' ap...

Fading in/Fade out text in IE

I had a problem and whipped up a quick solution: fade-in and fade-out a series of quotations. My solution works just as I want it in every browser except any of the IEs. The only problem with the IEs is that the text does not fade in and fade out; the text simply pops into existence. I believe I've run into a similar problem before when...

jquery can you fadeIn a video

I have a flv file inside the vid.html which is working fine, but is there any way to have the video itself to fadeIn/fadeOut? <div id="fadeit"> <div class="video"></div> </div> this does not work; $('.video').hide().fadeIn().load('vid.html'); wrapping it in a div and fading the div does not work either; $('#fadeit').hide().fad...

flash as3, fade in/out layering problem

Ok, what im trying to do is make a day to night cycle behind my landscape. There is a sun and a moon, they rotate in a circle on opposite sides. (i.e. the sun is up when the moon is down and vice versa) when the sun is coming up it should fade from the night movieclip to the dawn movieclip, then when the sun is up a little bit more, fade...

onclick event change background-image with fade transition

Hi to all. I'm searching for a trip in jQuery for changing the background-image of the body (or of a 100%-height "wrapper" div) on a click event of a class element, with a cross-fade transition effect. Is it possible? Thank you in advance. ...

css or jquery - hover over one div, another div fades or no display

See http://jasondaydesign.com/masonry_demo/ I have title divs that overlay the underlying box div. What I am trying to accomplish is when the mouse hovers over the .box div, the div holding the title will either fade out with jquery or just display:none through css. ...

how to do a smooth scrolling + fade in live feed with jquery?

i've found a lot of news ticker plugins that kinda do what i need, but not exactly. i want to do exactly what twitter.com does on their home page with the "Top Tweets". facebook also does this on their feed. basically whenever i have a new item i want all the LIs to scroll down, make room for the new LI on top, and fade it in. the ne...

What is the mechanism/algorithm involved in functions that perform a fade of some sort?

What is the mechanism/algorithm involved in functions that perform a fade of some sort? What are some links or resources i can check out when it comes to this matter. ...

CSS3 Fade Effect

a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */ -moz-transition: background 300ms ease-in 2s; -o-transition: background ...

Can this be done with jquery?

Please take a look at this site trmc.org Look at the flash header, can something like that be done with jquery? If so what jquery plug in would work the best? I've searched for image slide shows, but nothing with that effect can be found. Possibly the best method I found is spritely. I look forward to your answers. ...

Fade in on mouse movement (like on google.com)

How do I fade in div content on first mouse movement, like on google.com, using javascript? I don't want it to fade out again. ...

jQuery is behaving really odd

I have a jQuery script that fades in and fades out between containers inside their parent container. Depending on the button (design, web) clicked, it determines which container (#design, #web) fades out and which one fades in in its place. Now, the crux is here, both these containers (#design,#web) differ in height, so when I fade out ...

Carousel Type of Jquery Slide with Numbers

Hi, I have a big problem, please tell me how to do this code? That is just like the jquery header slideshow done in http://www.skype.com/ The one that has the "< 1 2 3 4 >" buttons. I just want to know the code for these buttons. If you can give samples for me to learn. Thank you!!! ...

How to make gallery image fade on hover to reveal details such as title, enlarge, visit site, etc?

Hi, I've seen a nice image gallery hover effect used quite a lot lately and I'm just wondering whether anybody knows of a good way to recreate such an effect. The effect is when you hover over an image, the image fades out or a div fades in showing links etc over the image. It's similar to the one found here: http://cssnack.com/ and he...

Div ID fade code

Hi, I'm a newbie on jQuery. Can somebody help me with my 2days problem. I just in need of a sample code for a fading effect, slideshow. Here's the style. This will be 3 Divs with same class The first div, will show for 6secs then fades out for 2secs before the first fades out the second div will fade in for 2secs this again will sho...

Using .fadeOut(), but I want it to STAY faded?

I am using this code to make a certain div (#extras) fade out. $(document).ready(function() { for(var i = 1; i <= pageLimit; i++) { $('body').append('<div id="page' + i + '" name="page' + i + '" class="touch"></ div>' ); } $('body').append('<div id="extras" class="showUp">..all cont...

HTML/CSS - create alpha mask over image

Hi, I'd like to create an effect in a site I’m building where an image is masked by an overlay. The overlay should create a “fade out” effect — I don’t actually want anything animated, but the overlay should make the image look as if it’s fading to the background colour at the edges. Something like this: http://imgur.com/fqtc9.png I p...