Results 1 to 2 of 2

Thread: How to add hyperlink to my image array - url of gallery scrip in body of this note

  1. #1
    Join Date
    Oct 2013
    Location
    Connecticut USA
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How to add hyperlink to my image array - url of gallery scrip in body of this note

    1) Script Title: FULL PAGE

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

    3) Describe problem: This script is perfect , but each image MUST hyperlink to the full artwork description/buy page.

    How and where may I insert a hyperlink for each image?

    I will experiment, using the usual comma and instruction in quotes method and wait your reply.

    Thanksomuch

    Elle

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,076
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Use this modified version of the script (right click and 'Save As'):

    jquery-slider.js

    Now you can add an optional link and an optional target to the json, ex:

    Code:
    {
        "playlist": [
            {
                "url": "img/img0.jpg",
                "caption": "A bird perching on a twig.",
                "link": "http://www.dynamicdrive.com/",
                "target": "_blank"
            },
            {
                "url": "img/img1.jpg",
                "caption": "Lions lounging on the grass."
            },
            {
                "url": "img/img2.jpg",
                "caption": "Seagulls gazing collectively."
            },
            {
                "url": "img/img3.jpg",
                "caption": "Snail on a table."
            },
            {
                "url": "img/img4.jpg",
                "caption": "A lone wolf looks on..."
            }
        ],
    
       "hold_time":2,
    		"loops":2,
    	 "transition_time":1
    }
    I'm only showing a link and target for the first image. Each may have them. If no target is specified, it will open on the same page.
    - John
    ________________________

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

Similar Threads

  1. Image Array JQuery Gallery
    By girlpoetus in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 01-24-2012, 02:31 AM
  2. Simple Controls Gallery pass image array as variable
    By Lol999 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-29-2011, 09:58 AM
  3. CMotion Image Gallery with <body onload="ImageBook()"> does not run
    By nicos in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 04-28-2010, 07:41 AM
  4. scramble image array Simple Controls Gallery
    By roytje9 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-31-2009, 09:26 AM
  5. CMotion Image Gallery on Body load
    By creativedge in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 01-07-2008, 10:45 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
  •