I currently have two approaches to what I'm trying to accomplish:
1. Dynamically change the contents of a javascript when a hyperlink is clicked.
2. When a hyperlink is clicked, stop the old script and simply load a new one.
This is the jQuery function I'm using:
Code:
With my first approach, I want to dynamically change the URLs for each image when a hyperlink is clicked.
With my second approach, I will have two copies of the above script, but with different images, so that I can call the correct script when the hyperlink is clicked.
Any suggestions?
1. Dynamically change the contents of a javascript when a hyperlink is clicked.
2. When a hyperlink is clicked, stop the old script and simply load a new one.
This is the jQuery function I'm using:
Code:
Code:
jQuery(function($){
jQuery.supersized({
slide_interval : 7000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1000, // Speed of transition
slides:
[
{image:'http://i.imgur.com/xewGG.jpg'},
{image:'http://i.imgur.com/zscou.jpg'},
{image:'http://i.imgur.com/kKCDT.jpg'},
{image:'http://i.imgur.com/UsrIF.jpg'},
{image:'http://i.imgur.com/IQNMw.jpg'},
{image:'http://i.imgur.com/8GtT2.jpg'},
{image:'http://i.imgur.com/oIxRV.jpg'},
{image:'http://i.imgur.com/AB9b5.jpg'},
{image:'http://i.imgur.com/AR6Jr.jpg'}
]
});
});
With my second approach, I will have two copies of the above script, but with different images, so that I can call the correct script when the hyperlink is clicked.
Any suggestions?