PDA

View Full Version : clickable slider



Jamcan
07-15-2012, 07:05 PM
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>

jscheuer1
07-15-2012, 07:51 PM
I know you and JeffSinNHUSA had trouble with Vic's solution for this in one thread (http://www.dynamicdrive.com/forums/showthread.php?p=271483#post271483). However, his solution here:

http://www.dynamicdrive.com/forums/showthread.php?p=273825#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:


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