[kiwiasian]

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:

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 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?

 

[tom.slick]

answer http://forum.jquery.com/topic/supersize-change-slides-at-runtime

add a second script and a link or button to bind to

Code: