I'm trying to implement Supersized jQuery plugin into CMS Made Simple and I could use some help on java scripting. But let's start from the beginning...
Configuration (important parts only):
- CMS Made Simple 1.11.4 Fernandina;
- Gallery Module (latest version).
Here's the script inserted in <head> section of HTML template:
Code: Select all
<__script__ type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slideshow: 1, // Slideshow on/off
autoplay: 1, // Slideshow starts playing automatically
start_slide: 1, // Start slide (0 is random)
stop_loop: 0, // Pauses slideshow on last slide
random: 0, // Randomize slide order (Ignores start slide)
slide_interval: 4000, // Length between transitions
transition: 6, // 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
new_window: 1, // Image links open in new window/tab
pause_hover: 0, // Pause slideshow on hover
keyboard_nav: 1, // Keyboard navigation on/off
performance: 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect: 1, // Disables image dragging and right click with Javascript
// Size & Position
min_width: 0, // Min width allowed (in pixels)
min_height: 0, // Min height allowed (in pixels)
vertical_center: 1, // Vertically center background
horizontal_center: 1, // Horizontally center background
fit_always: 1, // Image will never exceed browser width or height (Ignores min. dimensions)
fit_portrait: 1, // Portrait images will not exceed browser height
fit_landscape: 1, // Landscape images will not exceed browser width
// Components
slide_links: 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
thumb_links: 1, // Individual thumb links for each slide
thumbnail_navigation: 0, // Thumbnail navigation
slides: [
// Slideshow Images
{Gallery dir='album' template='supersized'}
]
});
});
</__script>
{Gallery dir='album' template='supersized'}
The idea is to build a website based mainly on Supersized plugin: Every page within a website is basically an Gallery Module album presented as slideshow via Supersized plugin.
If used with code from above, it works and no further action is needed. But in this case, user should create a different template for each page with just one line of code rewritten like:
For second page: {Gallery dir='album2' template='supersized'},
for third page: {Gallery dir='album3' template='supersized'},...
and so on.
I'm looking for solution on how to replace 'dir' with a page-dependent variable so the script could be used within a single Global Content Block.
Or, to say it more clearly, how to force script to pick up images from Gallery album named "Album2" if the script itself is called while loading a page named "Page2"?
I believe to do so, the 'dir' should be variable per page but I don't know how to do that. I'm a designer and my knowledge on this topic is very narrow, so if someone out there knows how to achieve this, I would really appreciate any kind of help!
Thanks in advance and best regards!
