Слайдеры это лучшие фото

<script type="text/javascript" src="/modules/mod_photoslider/scripts/jqueryEasing.js"></script>
<script type="text/javascript" src="/modules/mod_photoslider/scripts/jquery.galleryview.js"></script>
<script type="text/javascript" src="/modules/mod_photoslider/scripts/jquery.timers.js"></script>
<link type="text/css" href="/modules/mod_photoslider/scripts/style.css" rel="stylesheet"/>
{literal}
	<script type="text/javascript">
		(function($) {
			$(function(){		
				$('#photos').galleryView({
					panel_width: 730,
					panel_height: 310,
					frame_width: 100,
					frame_height: 50,
					overlay_height: 60,
					transition_speed: 1200,
					background_color: '#191919',
					border: '1px solid #191919',
					easing: 'easeInOutBack',
					pause_on_hover: true,
					nav_theme: 'light',
					filmstrip_position: 'bottom',
					overlay_position: 'bottom',
					overlay_opacity: 0.7,
					overlay_color: '#333333',
					overlay_text_color: '#ffffff',
					show_captions: 'false',
					fade_panels: 'false'
				});
			});
		})(jQuery);
	</script>
{/literal}
<div id="photos" class="galleryview">
	{foreach key=tid item=con from=$cons}
		<div class="panel">
			<img class="vt_img_panel" src="/images/photos/medium/{$con.file}" />
 
		</div>
	{/foreach}
	<ul class="filmstrip">
		{foreach key=tid item=con from=$cons}
			<li><img src="/images/photos/small/{$con.file}"/></li>								
		{/foreach}
	</ul>
</div>

<?php
 
function mod_photoslider($module_id){
        $inCore = cmsCore::getInstance();
        $inDB = cmsDatabase::getInstance();
		$cfg = $inCore->loadModuleConfig($module_id);
		if (!isset($cfg['album_id'])) { $cfg['album_id'] = 0; }
		if (!isset($cfg['count'])) { $cfg['count'] = 5; }
		if (!isset($cfg['sort'])) { $cfg['sort'] = "hits"; }
 
		$catsql = $cfg['album_id'] ? ' AND album_id = '.$cfg['album_id'] : '';
 
		$sql = "SELECT f.id, f.album_id, f.title, f.file, f.hits, a.title as album,
				IFNULL(r.total_rating, 0) as rating
				FROM cms_photo_files f
				LEFT JOIN cms_ratings_total r ON r.item_id=f.id AND r.target = 'photo'
				LEFT JOIN cms_photo_albums a ON f.album_id = a.id
				WHERE f.published = 1 ".$catsql." ".$periodsql."
				ORDER BY ".$cfg['sort']." DESC
				LIMIT ".$cfg['count'];
 
		$result = $inDB->query($sql);
		$cons = array();
		while($con = $inDB->fetch_assoc($result)){
			$cons[] = $con;
		}
 
		$smarty = $inCore->initSmarty('modules', 'mod_photoslider.tpl');
		$smarty->assign('cons', $cons);
		$smarty->assign('cfg', $cfg);
		$smarty->display('mod_photoslider.tpl');
		return true;
}
?>

(function($){
 
	$.fn.galleryView = function(options) {
 
		var opts = $.extend($.fn.galleryView.defaults,options);
 
		var id;
 
		var iterator = 0;
 
		var gallery_width;
 
		var gallery_height;
 
		var frame_margin = 10;
 
		var strip_width;
 
		var wrapper_width;
 
		var item_count = 0;
 
		var slide_method;
 
		var img_path;
 
		var paused = false;
 
		var frame_caption_size = 5;
 
		var frame_margin_top = 5;
 
		var pointer_width = 3;
 
 
 
		//Define jQuery objects for reuse
 
		var j_gallery;
 
		var j_filmstrip;
 
		var j_frames;
 
		var j_panels;
 
		var j_pointer;
 
 
 
/************************************************/
 
/*	Plugin Methods								*/
 
/************************************************/	
 
		function showItem(i) {
 
			//Disable next/prev buttons until transition is complete
 
			$('img.nav-next').unbind('click');
 
			$('img.nav-prev').unbind('click');
 
			j_frames.unbind('click');
 
			if(has_panels) {
 
				if(opts.fade_panels) {
 
					//Fade out all panels and fade in target panel
 
					j_panels.fadeOut(opts.transition_speed).eq(i%item_count).fadeIn(opts.transition_speed,function(){
 
						if(!has_filmstrip) {
 
							$('img.nav-prev').click(showPrevItem);
 
							$('img.nav-next').click(showNextItem);		
 
						}
 
					});
 
				} 
 
			}
 
 
 
			if(has_filmstrip) {
 
				//Slide either pointer or filmstrip, depending on transition method
 
				if(slide_method=='strip') {
 
					//Stop filmstrip if it's currently in motion
 
					j_filmstrip.stop();
 
 
 
					//Determine distance between pointer (eventual destination) and target frame
 
					var distance = getPos(j_frames[i]).left - (getPos(j_pointer[0]).left+2);
 
					var leftstr = (distance>=0?'-=':'+=')+Math.abs(distance)+'px';
 
 
 
					//Animate filmstrip and slide target frame under pointer
 
					//If target frame is a duplicate, jump back to 'original' frame
 
					j_filmstrip.animate({
 
						'left':leftstr
 
					},opts.transition_speed,opts.easing,function(){
 
						//Always ensure that there are a sufficient number of hidden frames on either
 
						//side of the filmstrip to avoid empty frames
 
						if(i>item_count) {
 
							i = i%item_count;
 
							iterator = i;
 
							j_filmstrip.css('left','-'+((opts.frame_width+frame_margin)*i)+'px');
 
						} else if (i<=(item_count-strip_size)) {
 
							i = (i%item_count)+item_count;
 
							iterator = i;
 
							j_filmstrip.css('left','-'+((opts.frame_width+frame_margin)*i)+'px');
 
						}
 
 
 
						if(!opts.fade_panels) {
 
							j_panels.hide().eq(i%item_count).show();
 
						}
 
						$('img.nav-prev').click(showPrevItem);
 
						$('img.nav-next').click(showNextItem);
 
						enableFrameClicking();
 
					});
 
				} else if(slide_method=='pointer') {
 
					//Stop pointer if it's currently in motion
 
					j_pointer.stop();
 
					//Get position of target frame
 
					var pos = getPos(j_frames[i]);
 
					//Slide the pointer over the target frame
 
					j_pointer.animate({
 
						'left':(pos.left-2+'px')