CMS Made Simple Forums

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>

Code: Select all

{content block='gallery' assign='gallery_dir' label='Fill in gallery dir-name' oneline='1'}

Code: Select all

// Slideshow Images
         {Gallery dir="$gallery_dir" template='supersized'}
         ]

Code: Select all

{content block='gallery' assign='gallery_dir' label='test' oneline='1'}

Code: Select all

ul#thumb-list li {
    background: none repeat scroll 0 0 #111111;
    display: inline;
    float: left;
    height: 108px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    width: 150px;
}
ul#thumb-list li img {
    height: auto;
    opacity: 0.5;
    transition: all 100ms ease-in-out 0s;
    width: 200px;
}