Results 1 to 2 of 2

Thread: How do you link images to url?

  1. #1
    Join Date
    Dec 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default How do you link images to url?

    1) Script Title: Conveyor Belt slideshow script

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

    3) Describe problem: How do you link one of the images to a url?

  2. #2
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    Taking the code posted on this script's page as an example:

    Code:
    //Specify the slider's width (in pixels)
    var sliderwidth="300px"
    //Specify the slider's height
    var sliderheight="150px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=3
    //configure background color:
    slidebgcolor="#EAEAEA"
    
    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<a href="http://"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook1.gif" border=1></a>'
    leftrightslide[1]='<a href="http://"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook2.gif" border=1></a>'
    leftrightslide[2]='<a href="http://"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook3.gif" border=1></a>'
    leftrightslide[3]='<a href="http://"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook4.gif" border=1></a>'
    leftrightslide[4]='<a href="http://"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook5.gif" border=1></a>'
    
    //Specify gap between each image (use HTML):
    var imagegap=" "
    
    //Specify pixels gap between each slideshow rotation (use integer):
    var slideshowgap=5
    Edit where it has <a href="http://"> to whatever URL you want, for example:

    Code:
    leftrightslide[0]='<a href="http://google.com"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook1.gif" border=1></a>'
    leftrightslide[1]='<a href="http://amazon.com"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook2.gif" border=1></a>'
    leftrightslide[2]='<a href="http://mysite.com"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook3.gif" border=1></a>'
    leftrightslide[3]='<a href="http://example.com"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook4.gif" border=1></a>'
    leftrightslide[4]='<a href="http://dynamicdrive.com"><img src="http://www.dynamicdrive.com/dynamicindex4/dynamicbook5.gif" border=1></a>'

  3. The Following User Says Thank You to Schmoopy For This Useful Post:

    doogietim02 (12-13-2010)

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
  •