SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need some jQuery Image Fade Help

    I had this working beautifully, and stupid me, accidentally deleted the code the JavaScript code. Now I can't seem to duplicate it again. Here is my HTML.
    Code HTML4Strict:
    <div id="fader">
                <ul>
                    <li><a href="/projects/"><img src="image1.jpg" /></a><span>This is the first line of text</span></li>
                    <li><a href="/projects/"><img src="image3.jpg" /></a><span>The second line of text here</span></li>
                    <li><a href="/projects/"><img src="image3.jpg" /></a><span>The third line of text goes here</span></li>
                </ul>    
        </div>
    The concept here is that each li element is sitting on top of one another because I have them all absolute positioned with css. What I need to accomplish is to slowly fade out the first li element, and fade in the second, then the third, etc.

    Any hints or ideas on how to get this working again would be great.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nobody has an idea?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  3. #3
    SitePoint Member
    Join Date
    Jun 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post

    you may use a Jquery plugin for this one ,It will make this a cake all you have to do is download this plugin from i m attaching herewith and call it in your page use this code at your script

    $(document).ready(function(){
    $('ul li').dumbCrossFade({'slideType':'fade','fadeInOut':true});


    });

    this will do the job just fine hope you can find the attached JS file good luck wth you'r work

    for further details
    joomladose.blogspot

  4. #4
    SitePoint Member
    Join Date
    Jun 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Red face

    attachment doesnt seem to be working
    here is the code to download

    http://plugins.jquery.com/files/jque...2.0.min.js.txt

    copy this paste it as js file and use.
    good luck


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •