Jump to content

3.по многочисленным просьбам. слайдер.


KoVaLsKy

Recommended Posts

KoVaLsKy

Итак.

качаем отсюда файлы

http://iamstudy.ru/j...y.easing.1.3.js

http://iamstudy.ru/j....elastislide.js

http://iamstudy.ru/elastislide.css

и ложим в папку с темой

http://iamstudy.ru/nav.png

и

http://iamstudy.ru/pattern.png

кидаем в папку images в шаблоне темы. если папки с таким названием нет- создайте ее.

открываем папку с темой далее module далее ищем файл featured_products_default.html

открываем этот файл

удаляем


<link rel="stylesheet" href="jscript/jquery/plugins/bxslider/bx_styles/bx_styles.css" type="text/css" />
<script src="jscript/jquery/plugins/bxslider/jquery.bxSlider.min.js" type="text/javascript"></script>
{literal}
<script type="text/javascript">
$(document).ready(function(){
$('#slider-featured').bxSlider({
pager: false
});
});
</script>
[/CODE] и в самом низу файла вставляем
[CODE]
<link rel="stylesheet" href="{$tpl_path}/elastislide.css" type="text/css" />

<script type="text/javascript" src="{$tpl_path}jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{$tpl_path}jquery.elastislide.js"></script>
<script type="text/javascript">
{literal}
$('#carousel').elastislide({
imageW : 125,
minItems : 6
});
{/literal}
</script>
imageW : 125 ширина элемента, т.е например если у Вас центральная часть 700 пикселей, то у Вас влезет 6 товаров. понятно что так мало просто так никто делать не будет. так что ставьте примерно 300-400. -поиграйтесь. minItems : 6 минимальное количество элементов в окне (не всегда работает) далее

<div id="slide-featured">
<ul id="slider-featured">
[/code] меняем на
[code]
<!-- Elastislide Carousel -->
<div id="carousel" class="es-carousel-wrapper">
<div class="es-carousel">
<ul>
находим почти в самом низу

{/foreach}

</ul>
</div>
[/code] меняем на
[CODE]
{/foreach}

</ul>
</div>
</div>

по идее все.

будут вопросы-пишите

  • Like 10
Link to post
Share on other sites

KoVaLsKy, а где можно посмотреть на этот слайдер в работе?

Link to post
Share on other sites

нашел в гуглях - http://pcvector.net/uploads/demo/scripts/slideshow_and_scroller/elastislide/index.html

в дополнение напишу, что там есть еще несколько настраиваемых опций. подробнее тут - http://pcvector.net/scripts/slideshow_and_scroller/264-elastislide-slayder.html

Link to post
Share on other sites
KoVaLsKy

только берите мои файлы. они ни ем не отличаюстя от предложенных Юрасимок, кроме одно го факта.

по моим файлам по ссылкам переходить будете. а по оригинальным нет

Link to post
Share on other sites
KoVaLsKy

вообще это отличный слайдер. много настроек. + самое хорошее. многие наверняка захотят сделать например и для новинок такой же.

+ этого слайдера в том что он не конфликтует сам с собой. т.е хоть 1000 слайдеров на его базе делайте- все будет в ажюре.

Link to post
Share on other sites
eugenem

Смысла не вижу. В движок уже добавлен bxslyder, который точно также позволяет делать множественные слайдеры на странице. При этом лишний скрипт Вы не цепляете.

Link to post
Share on other sites
KoVaLsKy

он не так стабилен иуниверсален. + его настраивать гораздо сложнее.

Link to post
Share on other sites
×
×
  • Create New...