Results 1 to 2 of 2

Thread: clickable slider

  1. #1
    Join Date
    Jan 2006
    Location
    Brampton, Ont
    Posts
    41
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Default clickable slider

    1) Needs someone to fix a bug in the below for me. It is to have the images in the slider clickable ... linked to another page. the link is 'http://www.facebook.com/events/340857792656100/

    2) Payment methods you support will be paypal

    My email = timmytiger32@hotmail.com

    _____________________________________________________________

    http://www.bcfchurch.net/GNow.html

    code =
    <script type="text/javascript">


    var firstbgcarousel=new bgCarousel({
    wrapperid: 'mybgcarousel', //ID of blank DIV on page to house carousel
    linkimage:'http://www.vicsjavascripts.org.uk/StdImages/Blank.gif', // a blank image is required to apply links
    imagearray: [
    // //["image_path", "optional description", "image link"]
    ['Youth/images/slide1.jpg', '<h2></h2>','http://www.facebook.com/events/340857792656100/'],
    ['Youth/images/slide2.jpg', ''] //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:3000, cycles:4, stoponclick:false, pauseonmouseover:true},
    navbuttons: ['images/left.gif', 'images/right.gif', 'images/up.gif', 'images/down.gif'], // path to nav images
    activeslideclass: 'selectedslide', // CSS class that gets added to currently shown DIV slide
    orientation: 'h', //Valid values: "h" or "v"
    persist: true, //remember last viewed slide and recall within same session?
    slideduration: 500 //transition duration (milliseconds)
    })

    </script>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    I know you and JeffSinNHUSA had trouble with Vic's solution for this in one thread. However, his solution here:

    http://www.dynamicdrive.com/forums/s...825#post273825

    worked for JeffSinNHUSA.

    Have you tried that one?

    But if all you want is clicking on the slider images takes you to that page, just add the highlighted as shown:

    Code:
    var firstbgcarousel=new bgCarousel({
    	wrapperid: 'mybgcarousel', //ID of blank DIV on page to house carousel
    	imagearray: [
    		['autumnpark.jpg', '<h2>Autumn Day</h2>The sun peaks through the trees, a knife that cuts through the chill, crisp air.'], //["image_path", "optional description"]
    		['chime.jpg', '<h2>Wind Chime</h2>The bellweather of the sky, the chime speaks of impending turmoil.'],
    		['girlportrait.jpg', 'The scent of spring invigorates her as she inhales whilst the warm breeze brings a wave of tranquility.'],
    		['redbench.jpg', 'Alone and Lonliness- Peace and Inner Struggle'] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:3000, cycles:2, stoponclick:false, pauseonmouseover:true},
    	navbuttons: ['left.gif', 'right.gif', 'up.gif', 'down.gif'], // path to nav images
    	activeslideclass: 'selectedslide', // CSS class that gets added to currently shown DIV slide
    	orientation: 'h', //Valid values: "h" or "v"
    	persist: true, //remember last viewed slide and recall within same session?
    	slideduration: 500 //transition duration (milliseconds)
    })
    jQuery(function($){
    	$('.slide').click(function(){window.location.href = 'http://www.facebook.com/events/340857792656100/';});
    });
    You can send $25.00 to:

    http://home.comcast.net/~jscheuer1/side/donate.htm
    Last edited by jscheuer1; 07-23-2012 at 09:14 AM. Reason: add solution, later - change solution to use the original init
    - John
    ________________________

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

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
  •