stuck with jquery coding...

Discussion in 'jQuery' started by chiller4life, May 15, 2012.

  1. #1
    hi i am very new to jquery i dont know that much this is a image slider i didnt make it myself i gota coding from somewhere else but when i put a link to each image the slide show dosent work can somone tell me the right coding so the link works thank you


    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    <div class="fadein">
    <img src="http://www.example.com/_images/uploads/slideshow1.jpg" />
    <img src="http://www.example.com/_images/uploads/slideshow2.jpg" />
    <img src="http://www.example.com/_images/uploads/slideshow3.jpg" />


    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script>
    $(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
    });
    </script>

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    #################~~~~~~~~~~~CCS FILE~~~~~~~~~~~~~~~~##########################################

    .fadein { position:relative; width:500px; height:332px; }
    .fadein img { position:absolute; left:0; top:0; }

    ###############~~~~~~~~~~~~~~~~~~~~~~~~~~~~###############################
     
    chiller4life, May 15, 2012 IP
  2. yho_o

    yho_o Well-Known Member

    Messages:
    354
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    #2
    making slider is not that easy, you need more steps, more functions to get it ready to slide couple images

    i recommend you 'jQuqery.cycle' plugin

    find it here: http://jquery.malsup.com/cycle/

    its pretty simple and easy to integrate
     
    yho_o, May 18, 2012 IP