Results 1 to 7 of 7

Thread: Image thumnails add-on

  1. #1
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Image thumnails add-on

    1) Script Title: Image thumnails add-on

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...bgcarousel.htm

    3) Describe problem: If I wanna add-on id on each slide with img thumnails link to specific slide, what should I do for it? thank you.

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    This is a little vague.

    Can you clarify what you want to do?

    something with thumbnails and links?
    Thanks,

    Bud

  3. #3
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi, yes I wanna add-on image thumbnails, instead of the dot thumbnail that usually carousel has, similar to http://www.menucool.com/slider/javas...e-slider-demo3. Each of the slide has its unique ID, so that thumbnail can be link to it manually. Thank you.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,131
    Thanks
    44
    Thanked 3,229 Times in 3,190 Posts
    Blog Entries
    12

    Default

    Why this particular slideshow script? You could use:

    http://dev7studios.com/nivo-slider/

    Video:

    http://www.youtube.com/watch?v=2XwWri6Xi2s

    How to add thumbnails:

    http://support.dev7studios.com/artic...he-nivo-slider
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi, actually I need a responsive slider with specific bg for each slide, and with the image thumbnail as well.., is it possible or do you have any advice for me? Thanks for your advice anyway.

  6. #6
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,815
    Thanks
    2
    Thanked 425 Times in 419 Posts

    Default

    to GoTo a specific slide by index number

    new function

    Code:
    	goto:function(nu){
         var o=this;
         if (typeof(nu)=='number'&&nu>=0&&nu<o.$imageslides.length){
    	  clearTimeout(o.rotatetimer);
          o.setting.displaymode.stoponclick=true;
          o.navigate(nu>=o.curslide?'forth':'back',nu);
         }
    	},

    modify function

    Code:
        navigate:function(keyword,nu){ //keyword: "back" or "forth"
    		var slideshow=this, setting=this.setting
    		clearTimeout(this.rotatetimer)
    		if (!setting.displaymode.stoponclick && setting.displaymode.type!="manual"){ //if slider should continue auto rotating after nav buttons are clicked on
    			this.curstep=(keyword=="back")? this.curstep-1 : this.curstep+1 //move curstep counter explicitly back or forth depending on direction of slide
    			this.rotatetimer=setTimeout(function(){slideshow.rotate()}, setting.displaymode.pause)
    		}
    		var dir=(keyword=="back")? (setting.orientation=="h"? "right" : "down") : (setting.orientation=="h"? "left" : "up")
    		var targetslide=(keyword=="back")? this.curslide-1 : this.curslide+1
    		targetslide=(targetslide<0)? this.$imageslides.length-1 : (targetslide>this.$imageslides.length-1)? 0 : targetslide //wrap around
            typeof(nu)=='number'?targetslide=nu:null;
    		if (this.animation_isrunning==false)
    			this.slide(targetslide, dir)
    	},
    to call

    Code:
    <input type="button" name="" value="Goto 0" onmouseup="firstbgcarousel.goto(0);"/>
    <input type="button" name="" value="Goto 1" onmouseup="firstbgcarousel.goto(1);"/>
    <input type="button" name="" value="Goto 2" onmouseup="firstbgcarousel.goto(2);"/>
    <input type="button" name="" value="Goto 3" onmouseup="firstbgcarousel.goto(3);"/>
    where the buttons are your thumbnail images

    and firstbgcarousel if the global variable var firstbgcarousel=new bgCarousel({

    or with integrated pagination see

    http://www.vicsjavascripts.org.uk/Sl...ideShowIII.htm
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  7. The Following User Says Thank You to vwphillips For This Useful Post:

    Alex Chen (03-19-2013)

  8. #7
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks a lot, this is working

Similar Threads

  1. Replies: 5
    Last Post: 05-23-2011, 07:53 AM
  2. image thumbnail viewer II (set image sizes, default image)
    By ramtanion in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 05-07-2008, 01:26 AM

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
  •