Сообщений в теме: 62

[Aptems]

Кстати вопрос. У меня на сайте (vangl.ru), слайдер при загрузке сначала все изображения выставляет в столбец, а только потом начинает работать. Можно ли сделать что бы он загружался аккуратнее? Например как здесь: http://qwent.ru/.

[Vaccina]

Не заметила таких проблем о которых вы описываете на вашем сайте. У вас и у qwent.ru используется одна и та же библиотека слайдера. Возможно проблема у вас в канале или в браузере.

[Flor@@@]

Цитата

про айди не увидел ответ, где его брать и в каком именно месте какого файла прописывать, чтобы категории при наведении двигались? и где эти ссылки искать, которые в span обернуть надо?

помогите, пожалуйста,

1. у меня тоже не получается сделать эти два шага: обернуть в span и добавить id.
 

[Vaccina]

Не совсем понятно ваше затруднение. Пожалуйста, опишите по подробнее. По идее в данной теме описано подробно, попробуйте перечитать внимательно. В  тег span необходимо обвернуть переменную выводящую название категории {catalog.NAME} будет так

<span>{catalog.NAME}</span>

[romatex]

Скрытый текст

ребята помогите! до сих пор мучаюсь...пытаюсь прикрутить nivo slider


не хочет работать хоть ты тресни! что делать, подскажите!!! хочу разместить его справа... как бы зеркально левому меню.

[Vaccina]

У вас в шаблоне вставлено

  <script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/39/38278/jquery.nivo.slider.js">  </script>

  <script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/39/38278/jquery.nivo.slider.pack.js"> </script>

замените на

  <script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/39/38278/jquery.nivo.slider.js">  </script>

Так же у вас не вставлен каркас HTML. Почитайте следующую тему

http://forum.storela...dpost__p__17006

[romatex]

Скрытый текст

почитал, попробовал...ни в какую....nivo и easy слайдеры не хотят работать....опишите подробно что делать и как. пожалуйста!((

[Vaccina]

В файле main.js у вас присутствует ошибка. Добавьте в самый конец файла

});

Перечитайте данную тему, и попробуйте вставить слайдер еще раз. В данный теме и на данном форуме подобный вопрос уже рассмотрен полностью.

[romatex]

да я понимаю что это уже избитая тема, попробую ещё разок

[romatex]

Скрытый текст

Я пробовал ставить разные слайдеры, ни один не работает. Чувствую что-то со скриптами, делал все как написано в этой теме! Помогите!!!! Очень нужен nivo slider!

[romatex]

все получилось! у кого проблемы с nivo slider вам сюда  http://dijjon.ru/pub..._slider/3-1-0-8

[romatex]

Скрытый текст

По просьбам трудящихся напишу как я одолел nivo slider!

Сам мучался, помогу уж!)

Заходим в редактор тем, открываем HTML и вписываем после блока

Цитата

<!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

такие строки

<!-- темы оформления-->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}default.css" type="text/css" media="screen" />
<!-- темы оформления-->

<!-- файл css для слайдера -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nivo-slider.css" type="text/css" media="screen" />
<!-- файл css для слайдера -->

<!-- файлы js -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
<!-- файлы js -->

Далее в том же HTML вписываем строки самого слайдера где указаны сами каринки и эффекты перелистывания. Вставить этот код нужно там, где таковой слайдер и нужен. Например после трок

Цитата

<!-- end Каталог -->

Вот сам код

<!--slider-->

<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="http://gutauto59.ru"><img src="{ASSETS_IMAGES_PATH}1mini.png" alt="" title="SHO-ME это качество проверенное временем" /></a>
<a href="http://gutauto59.ru"><img src="{ASSETS_IMAGES_PATH}2mini.png" alt="" title="Supra - технология качества под японским контролем" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>.
</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider( {
slices:15, // For slice animations
boxCols: 10, // For box animations
boxRows: 8, // For box animations
animSpeed:500, // Slide transition speed
pauseTime:9000, // How long each slide will show
effect:'random'
});
});
</script>

<!--slider end -->

Разберем немного строки по функциям...

Цитата

<a href="здесь вписать ссылку"><img src="{ASSETS_IMAGES_PATH}здесь название картинки с расширением" alt="" title="здесь подпись которая будет снизу картинки" /></a>

В этом блоке идет настройка эффектов перелистывания, скорость, задержка и тому подобное...

Цитата

slices:15, // For slice animations
boxCols: 10, // For box animations
boxRows: 8, // For box animations
animSpeed:500, // Slide transition speed
pauseTime:9000, // How long each slide will show
effect:'random'

О настройках можно почитать подробнее вот тут http://dijjon.ru/pub..._slider/3-1-0-8

Далее вставляем следующий код в файл стилей main.csstemplate.css

/* slider */
#slider {
position:relative;
top:0px;
left:50px;
width:170px; /* Изменить размер картинки */
height:498px; /* Изменить размер картинки */
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

я думаю по комментариям внутри кода понятно где меняется сам размер слайдера)

По вставке кода мы закончили. Теперь осталось закачать файлы стилей, скрипты и сами рисунки в Файлы. Качаем отсюда http://dev7studios.com/downloads/46
Архив распаковываем и выбираем оттуда только файлы default.css (папка themes/default) jquery.nivo.slider.pack.js и nivo-slider.css

Далее закачайте сами рисунки и вставьте их названия как я описывал выше. По идее должно получиться! Удачи!

[tadoka]

Vaccina (28 Октябрь 2011 - 19:07) писал:

Попробуйте выполнить по шагам то что предложено. По идее тут довольно подробно все расписано. Не совсем понятно как вы пытаетесь вставить слайдер. Если у вас не получается или вы не хотите понимать как это делается, то вы всегда можете обратиться к платным услугам - где вам быстро выполнят ваши просьбы.

Скажите, а у вас есть платные услуги? И к кому можно обратиться?) Заранее спасибо!

[dearlog]

farig (13 Октябрь 2011 - 12:10) писал:

Нашел вот такой слайдер. Помогите прикрутить к главной странице!

В этой статье мы поговорим о простом слайдэре изображений. Слайдер будет автоматически менять картинки. Время смены картинок вы можете установить сами, так же имеется 2 рычажка по бокам, при помощи которых вы сможете сами листать изображения вперед и назад.

Приступим к установке.

1. Подключаем все скрипты

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>

2. Украсим css стилями

#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}
#nextBtn{
left:696px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
background:url(images/btn_next.gif) no-repeat 0 0;
}

3. HTML код ( блок с изображениями)

<div id="slider">
<ul>
<li><a href="http://bitby.net/"><img src="images/01.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/02.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/03.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/04.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/05.jpg" alt="Слайд-панель на jQuery" /></a></li>
</ul>
</div>

Еще есть три файла: screen.css, easySlider1.5.js, jquery.js

Скачать: bitby_net____slide-panel.zip [121,38 Kb] (cкачиваний: 396)

Все я с ума схожу. перепробовал разные слфйдеры. Думал остановиться на этом. уже не знаю в чем дело. не отображается и все тут. делол шаг в шаг как в инструкции. результат один. нет рабочего слайдера и все. сайт:Моя ссылка. Помогите, очень прошу. я с ума схожу уже...

[Vaccina]

Пожалуйста, опишите по шагам что и как вы делали. Так же вы всегда можете обратиться к платным услугам.

Цитата

Скажите, а у вас есть платные услуги? И к кому можно обратиться?) Заранее спасибо!

Заказать платные услуги вы можете в разделе http://forum.storela...rum/21-реклама/ написав в ЛС пользователю предоставляющий такие услуги, или же обратиться в http://storelandlab.ru

[romatex]

Скрытый текст

подскажите как убрать навигационные кнопки со слайдера

http://gutauto59.ru/

[romatex]

Скрытый текст

уже не надо! разобрался)

[support]

Возможно вам так же будет полезна небольшая инструкция по установке простого и красивого слайдера, Nyvo Slider-а в магазин на нашей платформе:
http://forum.storela...dpost__p__21606

[Eugene]

Добрый день! Я установил на главной странице простой слайдер по первой инструкции, добавил картинок. Но слайдер отображает сразу несколько товаров, а не один с последующим переходом на другой + кнопок "previos" "next" нет - только надписи снизу слайдера см. картинку в аттаче). Что я сделал не так? Помогите исправить, пожалуйста.
адрес магазина www.vostorg-m.ru. Сам слайдер пока сделаю прозрачным, чтоб людей не отпугивать...

Прикрепленные изображения

• 

[Stasya]

Eugene (13 Май 2013 - 22:20) писал:

Добрый день! Я установил на главной странице простой слайдер по первой инструкции, добавил картинок. Но слайдер отображает сразу несколько товаров, а не один с последующим переходом на другой + кнопок "previos" "next" нет - только надписи снизу слайдера см. картинку в аттаче). Что я сделал не так? Помогите исправить, пожалуйста.
адрес магазина www.vostorg-m.ru. Сам слайдер пока сделаю прозрачным, чтоб людей не отпугивать...

Не могли бы Вы прислать номер своего аккаунта?