Описание: В самой первой версии я написал как создать глобальный блок слайдер, можно и без него, но мне кажеться это будет выглядет не совсем профиссеонально, но бывают разные случаи и решать Вам.Да кстати во всех кодах слайдера встречайеться вот этот кусок кода:
Что это за <noscript> и зачем он нужен, все просто, когда у пользователя отключенна функция подержки скриптов то он выдаст ему сам слайдер.А без этого он не выдаст его разве, ответ: нет, потому-что стили еще про писанны в самом скрипте и следовательно подключить elastislide.css с другим названием мы не сможем будет просто баг.Возможные варианты: elastislide.css, elastislide2.css, так-как в скрипте они прописанны.Будьте внимательны.
1.Создаем информер, как на скриншоте.(Там стоить материалов 15,но чем меньше, тем быстрее будет загружать слайдер)
<style> @import '/css/reset.css'; @import '/css/elastislide.css'; </style> <noscript> <style> .es-carousel ul{ display:block; } </style> </noscript> <!-- Elastislide Carousel --> <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> Здесь Ваш информер <ul> </div> </div> <!-- End Elastislide Carousel --> <script type="text/javascript" src='/js/jquery.min.js'></script> <script type="text/javascript" src='/js/jquery.easing.1.3.js'></script> <script type="text/javascript" src='/js/jquery.elastislide.js'></script> <script type="text/javascript"> $('#carousel').elastislide({ imageW : 180, // Ширина должна быть равна ширине картинки в информере minItems : 3, // Число картинок в слайдере, влияет на их размер margin : +2, // Отступ между изображениями border : 0, // Рамка current : 4 // Начальная позиция, в даном случае с 4 картинки, делим по палам из общего числа изображений в сладере }); </script>
Что же касаеться функции JQuery то вот easeInBack и есть в коде слайдера, если покапаться в jquery.easing.1.3.js, то можна поставить или оптимизировать код под свой вкус.
О скрипте: Изображения - Karrie Nodalo. Карусель написанная - Мэри Лу.
*Код сделан и оптизирован пользователем tigerforce специально для сайта UcozOn.ru и конкурса UcozOn.ru, при копирование частей кода или содержания желательна ссылка на источник, жду ваших предложений и коментариев о стабильности скрипта.
Автор\Источник:http://ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 0,425 Мб