Grow your CSS skills. Land your dream job.

Trying to learn Jquery but these tutorials don’t help

  • # November 15, 2009 at 12:13 pm

    I’m new to Jquery and trying to achieve what I would assume should be pretty simple: a basic fading slideshow. My goal:

    have a list of images that fade from one to the next. once the last images shows, don’t fade it but start over from the first image.

    <div id="slideshow">
    <img src="img1">
    <img src="img2">
    <img src="img3">
    <img src="img4">
    </div>

    I looked at http://css-tricks.com/snippets/jquery/cycle-through-a-list/. This works, kinda but since I don’t fully understand what each line is doing I can’t learn it or change it to do what I need.

    I’ve looked at other tutorials on fading slideshows but they don’t explain the entire code leavng me going "ok, but what does this part do?" and not getting the desired effect i want.

    I know I can copy and paste instead of writing my own but I want to learn how to do this not just borrow code. I’m looking for any help you guys can give.

    thanks!

    # November 15, 2009 at 1:11 pm

    Why reinvent the wheel?
    http://malsup.com/jquery/cycle/lite/

    # November 15, 2009 at 2:20 pm

    True there are plenty of places that have already made plugins for me to use. However, writing it myself will help me learn the language better.

    # November 16, 2009 at 6:55 pm
    "dcp3450" wrote:
    However, writing it myself will help me learn the language better.

    I agree. jQuery is very fun and easy to learn, here are some helpful resources.

    http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

    I would fully recommend watching this in order as it will take you from beginner to advanced in a very fluid and intuitive swell.



    http://jqueryfordesigners.com/tag/screencast/

    For this one, you could start by filtering at the top right corner, going from easy, to medium, to hard.


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".