Next/Previous in a Slideshow-script

Discussion in 'HTML & Website Design' started by viRioL, Apr 13, 2013.

  1. #1
    Edit: Oh, I just realized there is a Programming --> JavaScript sub forum. I'm sorry if I posted in the wrong category, any moderator feel free to move my thread! Sorry again!

    Hi!

    I don't know anything about JavaScript but I've found a simple Slideshow-script which I like. For example, if you click on 3, image number 3 will show up in the Slideshow. I also managed to Google some code that makes it swipe through the images automatically with a 5 second interval. The only thing I miss with the script is "Next"/"Previous" links to be able to go through the image sequence directly instead of having to wait 5 seconds. I would appreciate it a lot if someone could help me out with this!

    I'm attaching what I believe is the important part of the code:

        <a href="#" onclick="$('.slideshow').blinds_change(0); return false">1</a>
        <a href="#" onclick="$('.slideshow').blinds_change(1); return false">2</a>
        <a href="#" onclick="$('.slideshow').blinds_change(2); return false">3</a>
        <a href="#" onclick="$('.slideshow').blinds_change(3); return false">4</a>
        <a href="#" onclick="$('.slideshow').blinds_change(4); return false">5</a>
        <a href="#" onclick="$('.slideshow').blinds_change(5); return false">6</a>
        <a href="#" onclick="$('.slideshow').blinds_change(6); return false">7</a>
     
        <a href="#" onclick="???????????">Previous</a>
        <a href="#" onclick="???????????">Next</a>
     
        <script type="text/javascript">
          $(window).load(function () {
            $('.slideshow').blinds();
            var i = 1;
            setInterval(function () {
              if ( i == 7 ) i = 0;
              $('.slideshow').blinds_change(i);
              i ++;
            }, 5000);
          });
        </script>
    HTML:
    You can see the example here:
    http://neobux-guide.com/slideshow/

    Thank you!
     
    Last edited: Apr 13, 2013
    viRioL, Apr 13, 2013 IP
  2. cadsii

    cadsii Well-Known Member

    Messages:
    220
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Why not use something already built and tested

    http://amazingslider.com/ ?

    and free... not my site but just suggesting something that many people area already using
     
    cadsii, May 3, 2013 IP
  3. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #3
    i agree with Cadsii! Go for Useful and simplicity.. the Slider is very easy to setup and it's cover all your needs....
    Goodluck
     
    themes4all, May 3, 2013 IP
  4. viRioL

    viRioL Member

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    cadsii, themes4all: Thanks for the reply! I actually choose this slider just because of the simplicity of it (and the small size). Regarding amazingslider.com; it's really not an alternative for me to have an text link to their site (or any other link/ad) in the slideshow, which is the only option if you want it to remain free of charge.

    Anyway, I got the help I needed to make my script exactly as I wanted, so I'm really pleased about the result!

    Thanks anyway!
     
    viRioL, May 4, 2013 IP