Сабж, решил поставить слайдер на JQuery
нашел нужный мне http://jqscript.com/...image-menu.html
скачал, залил файлы на хост
вставил в head.tpl.html
<link href="jimgMenu.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script><script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script> <!--[if IE]> <style type="text/css">.jimgMenu {position:relative;width:630px;height:200px;overflow:hidden;margin-left:20px;}</style> <![endif]--> <script type="text/javascript"> $(document).ready(function () { // find the elements to be eased and hook the hover event $('div.jimgMenu ul li a').hover(function() { // if the element is currently being animated (to a easeOut)... if ($(this).is(':animated')) { $(this).stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad"}); } else { // ease in quickly $(this).stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad"}); } }, function () { // on hovering out, ease the element out if ($(this).is(':animated')) { $(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad"}) } else { // ease out slowly $(this).stop('animated:').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad"}); } }); }); </script>
в index.tpl.html вставил
<div class="jimgMenu"> <ul> <li class="landscapes"><a href="#nogo">Landscapes</a></li> <li class="people"><a href="#nogo">People</a></li> <li class="nature"><a href="#nogo">Nature</a></li> <li class="abstract"><a href="#nogo">Abstract</a></li> <li class="urban"><a href="#nogo">Urban</a></li> </ul>
картинки грузятся, но эффект не работает
попробывал другой слайдер
тоже самое
немогу понять в чем загвоздка, есть у меня подозрение что это из-за Смарти, а в нем я полный ноль
может кто обяснит в чем проблема, и варинты ее решения