<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> <link href=" http://drop-shipper.ru/web/upload/assets/styles/10/9156/standalone.css" type="text/css" rel="stylesheet"> <link href="http://global-magazin.storeland.ru/web/upload/assets/styles/10/9156/tabs-slideshow.css" type="text/css" rel="stylesheet">
Все Должно Быть Просто И Удобно(Google)
#21
Отправлено 17 Сентябрь 2011 - 22:47
#22
Отправлено 17 Сентябрь 2011 - 23:24
Vaccina (17 Сентябрь 2011 - 22:47) писал:
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> <link href=" http://drop-shipper.ru/web/upload/assets/styles/10/9156/standalone.css" type="text/css" rel="stylesheet"> <link href="http://global-magazin.storeland.ru/web/upload/assets/styles/10/9156/tabs-slideshow.css" type="text/css" rel="stylesheet">
#23
Отправлено 19 Сентябрь 2011 - 23:56
#24
Отправлено 20 Сентябрь 2011 - 06:52
Vaccina (19 Сентябрь 2011 - 23:56) писал:
что бы не портить главную, экспериментирую на левой страничке.
как то не так как хотелось
#25
Отправлено 20 Сентябрь 2011 - 15:17
#26
Отправлено 24 Сентябрь 2011 - 07:31
#27
Отправлено 25 Сентябрь 2011 - 09:43
#28
Отправлено 28 Сентябрь 2011 - 18:27
Vaccina (25 Сентябрь 2011 - 09:43) писал:
#29
Отправлено 28 Сентябрь 2011 - 20:15
#30
Отправлено 09 Октябрь 2011 - 16:14
#31
Отправлено 09 Октябрь 2011 - 19:36
#32
Отправлено 18 Октябрь 2011 - 19:27
#33
Отправлено 25 Октябрь 2011 - 18:00
Vaccina (08 Август 2011 - 23:06) писал:
код данного слайдера выглядит так
<!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> <!-- fix IE "black box" problems with PNG images when opacity is being animated --> <!--[if IE]> <mce:style type="text/css"><! .images img {background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px; } --> <!--[endif] --> <!-- "previous slide" button --> </p><p><a class="backward">prev</a></p> <!-- container for the slides --> <div class="images"><!-- first slide --> <div style="display: block;"> <h3>Жучок GSM</h3> <img width="200" height="200" alt=" Жучок GSM " src="../../web/upload/assets/images/10/9156/1.jpg" style="float: left; margin: 0 30px 20px 0;"> <p style="font-weight: bold;">GSM жучок Предназначены для прослушивания квартиры, машины, дома и офиса на большом расстоянии с помощью мобильного телефона. Эти жучки очень популярные на данный момент так как прослушать разговор можно на больших расстояниях.</p> <p>Принцип работы-вставляете любую сим карту в жучок.и после набираете номер сим-карты которая установлена в жучке. Жучек автоматически включит микрофон и вы будете слышать средний разговор в радиусе до 7 метров от жучка.</p> <p><span style="font-size: medium;"><a target="_blank" href="../../catalog/gsm-zhuchki">Подробнее</a></span></p> <p> </p> </div> <!-- third slide --> <div> <h3>Часы Iron Samurai</h3> <img width="260" height="180" alt=" часы Iron Samurai " src="../../web/upload/assets/images/10/9156/iron_samurai_stilnye_chasy_s_led_podsvetkoy.jpg" style="float: left; margin: 0 30px 20px 0;"> <p style="font-weight: bold;">Японские часы Iron Samurai, сделанные из нержавеющей закаленной стали. Часы бинарные с синими или красными светодиодами.</p> <p>Браслет: Цвет: черный/белый Материал: углеродистая сталь, свернутая 1000 раз, из которой изготовлялись самурайские мечи Длина: ~ 180 мм с 18 сегментами для регулирования запястья Зажим: Сгибающийся, эксклюзивного дизайна функции кнопок</p> <p><span style="font-size: medium;"><a target="_blank" href="../../goods/Iron-Samurai-All-Metal-Blue-LED-1?from=MDlk">Подробнее</a></span></p> <p> </p> </div> <!-- second slide --> <div> <h3>Китайские планшет</h3> <img width="290" height="200" alt=" Китайские айпад " src="../../web/upload/assets/images/10/9156/ipad_hero_20100305.jpg" style="float: left; margin: 0 30px 20px 0;"> <p style="font-weight: bold;">Все, что Вам требуется от планшетных компьютеров здесь присутствует</p> <p>Эксперты утверждают, что эпоха нетбуков закончилась, даже не начавшись. Виной этому — планшетные устройства. Обладая аналогичной мощностью и возможностями, они превосходят нетбуки по удобству использования.</p> <p><span style="font-size: medium;"><a target="_blank" href="../../catalog/kitaiskie-planshety">Подробнее</a></span></p> <p> </p> </div> </div> <!-- "next slide" button --> <p><a class="forward">next</a></p> <p><!-- the tabs --></p> <div class="slidetabs"><a href="#" class="current"></a> <a href="#"></a> <a href="#"></a></div> <p></p> <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> <link href=" http://drop-shipper.ru/web/upload/assets/styles/10/9156/standalone.css" type="text/css" rel="stylesheet"> <link href="http://global-magazin.storeland.ru/web/upload/assets/styles/10/9156/tabs-slideshow.css" type="text/css" rel="stylesheet"> <!--[if IE]> <style type="text/css"> .images img { background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px; } </style> <![endif]--> <script language="JavaScript"> // What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready $(function() { $(".slidetabs").tabs(".images > div", { // enable "cross-fading" effect effect: 'fade', fadeOutSpeed: "slow", // start from the beginning after the last tab rotate: true // use the slideshow plugin. It accepts its own configuration }).slideshow(); }); </script>
вам нужно закачать необходимые файлы к себе в редакторе тем - блок файлы, это стили, картинки и JS файлы
далее изменить в блоках слайдера текст на свой
Спасибо за слайдер!
но куда именно этот код вставлять?
#34
Отправлено 26 Октябрь 2011 - 12:20
{%IF index_page%}тут весь код слайдера{%ENDIF%}для того чтобы данный слайдер отображался только на главной странице магазина.
#35
Отправлено 28 Октябрь 2011 - 02:31
#36
Отправлено 28 Октябрь 2011 - 06:27
#37
Отправлено 28 Октябрь 2011 - 06:49
#38
Отправлено 04 Ноябрь 2011 - 20:07
#39
Отправлено 04 Ноябрь 2011 - 23:07
Спасибо.
#40
Отправлено 05 Ноябрь 2011 - 17:25
Цитата
Думаю для этого понадобиться править все стили слайдера, а именно все классы где прописана ширина (width) например в файле стилей tabs-slideshow.css.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных