Grow your CSS skills. Land your dream job.

jQuery Image Slider / Text Fader

  • # May 7, 2010 at 12:31 pm

    Ok, still new to jQuery and was wondering if theres a tutorial out there eplaining how i can do the following.

    I have text on the left, and an image on the right. After about ten seconds, I want the text to fade out and new text to fade in. At the same time I would like the old image to slide up and a new image to slide in from the bottom taking its place, getting a slot machine effect. This would be applied to several li’s in a ul, so there would be about five slides. It’s similar to the anything slider.

    So, is this pretty easy to achive and is there a tutorial out there like this?

    Thanks!

    # May 7, 2010 at 1:04 pm

    thanks that’s a good resource to work out the vertical sliding for my images, i just need to find out how to make it an actual slide system where the text fades in/out and the images animate at the same time

    # May 8, 2010 at 7:00 am

    This could help you with the jQuery fading side of things.
    http://css-tricks.com/fade-in-spoiler-revealer/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".