jeremyll
asked on
Javascript TinySlideShow to be used multiple times on one webpage.
I got TinySlideShow code from here: http://www.scriptiny.com/2008/12/javascript-slideshow/
I've put alot of work into integrating the TinySlideShow into this website: http://test.production.esa.edu.au/ndlrn/ndlrncatalog/final.html
the slideshow appears in the 'NUMBER -> counting beetles series'
unfortunately I discovered later that I need to use the TinySlideShow multiple times on the same webpage.
The way parameters are passed into a slideshow is as follows (appears at bottom of final.html page)
<script>
var slideshow=new TINY.slider.slide('slidesh ow',{
id:'homepageSlider', // ID of the parent slideshow div
auto:0, // Seconds to auto-advance, defaults to disabled
resume:false, // Resume auto after interrupted, defaults to false
vertical:false, // Direction, defaults to false
navid:'pagination', // Optional ID of direct navigation UL
activeclass:'current', // Class to set on the current LI
position:0, // Initial slide position, defaulting to index 0
rewind:false,
elastic:false
});
</script>
I tried changing the parameter ID to class instead, which didn't work.
I'm trying to create the CSS/HTML/Javascript then place this into an XSL file which will pull alot of data dynamically and place it into the TinySlideShow.
If you think there's no solution to this please recommend any plugins thanks and much appreciated.
I've put alot of work into integrating the TinySlideShow into this website: http://test.production.esa.edu.au/ndlrn/ndlrncatalog/final.html
the slideshow appears in the 'NUMBER -> counting beetles series'
unfortunately I discovered later that I need to use the TinySlideShow multiple times on the same webpage.
The way parameters are passed into a slideshow is as follows (appears at bottom of final.html page)
<script>
var slideshow=new TINY.slider.slide('slidesh
id:'homepageSlider', // ID of the parent slideshow div
auto:0, // Seconds to auto-advance, defaults to disabled
resume:false, // Resume auto after interrupted, defaults to false
vertical:false, // Direction, defaults to false
navid:'pagination', // Optional ID of direct navigation UL
activeclass:'current', // Class to set on the current LI
position:0, // Initial slide position, defaulting to index 0
rewind:false,
elastic:false
});
</script>
I tried changing the parameter ID to class instead, which didn't work.
I'm trying to create the CSS/HTML/Javascript then place this into an XSL file which will pull alot of data dynamically and place it into the TinySlideShow.
If you think there's no solution to this please recommend any plugins thanks and much appreciated.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks Bardobrave,
I'm hoping for an alternative solution and looks like its the only solution available in which case ill need to find another slides jquery plugin. Please recommend any plugins. Thanks
I'm hoping for an alternative solution and looks like its the only solution available in which case ill need to find another slides jquery plugin. Please recommend any plugins. Thanks
I must be missing something here.
Why do you seek an alternate solution to create different instances? Are you loading different slides each time or you need to load the same slide in different places?
You are going to pull data from database to slider through XSL (not very sure how) but don't see exactly what is the problem you have with the plugin. I fear we recommend you other plugins and you face the same problem later, maybe we should understand exactly what the problem is to try to find a solution.
Why do you seek an alternate solution to create different instances? Are you loading different slides each time or you need to load the same slide in different places?
You are going to pull data from database to slider through XSL (not very sure how) but don't see exactly what is the problem you have with the plugin. I fear we recommend you other plugins and you face the same problem later, maybe we should understand exactly what the problem is to try to find a solution.
ASKER
Need to load about 40+ different slides on one webpage. Also, the number of slides is not fixed as a content editor will upload more slides later. So these slides need to be created dynamically.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
A pragmatic solution might be to drop each instance of the slideshow into its own iframe.