#1
Отправлено 08 Декабрь 2012 - 11:18
#2
Отправлено 08 Декабрь 2012 - 12:40
1. как менять эффект переключения
2. вставлять ссылки
3. см. скрин
#3
Отправлено 08 Декабрь 2012 - 12:40
emin808 (08 Декабрь 2012 - 11:18) писал:
Вставьте код слайдера
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
ПЕРЕД {BODY}
#4
Отправлено 08 Декабрь 2012 - 12:43
#5
Отправлено 08 Декабрь 2012 - 12:49
#6
Отправлено 08 Декабрь 2012 - 13:34
emin808 (08 Декабрь 2012 - 12:49) писал:
<!-- Главная страница -->Вот после него поставьте свой слайдер.
На счет числа переключений не совсем Вас поняла. Сколько слайдеров в галереи, столько и переключений будет. Вы что-то изменили в js и у Вас теперь не везде есть анимация при переключении слайдера, возможно, нужно заново переустановить файлы галереи js.
Чтобы добавить ссылки для изображений, найдите строчку
<img src="http://asfn.storeland.ru/web/upload/assets/images/154/153295/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-2.jpg?5367" alt="" style="width: 721px; visibility: hidden; display: inline-block;">
и заключите ее в
<a href="#"> ... </a>У Вас должно получиться примерно так
<a href="#"> <img src="http://asfn.storeland.ru/web/upload/assets/images/154/153295/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-2.jpg?5367" alt="" style="width: 721px; visibility: hidden; display: inline-block;"> </a>
вместо # - ссылка на страницу куда должно переходить по клику на изображение.
Чтобы уменьшить отступ между слайдером и кнопками переключения, зайдите в файл nyvo.css и найдите блок
media="screen" .theme-default .nivoSlider { position: relative; background: white url(/web/upload/assets/images/154/153295/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4A4A4A; }
и замените его на
media="screen" .theme-default .nivoSlider { position: relative; background: white url(/web/upload/assets/images/154/153295/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 10px; -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4A4A4A; }
Чтобы добавить изображения, нужно лишь после
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />продублировать еще одну строчку
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />после src=" - не забудьте вставить адрес своего изображения
#7
Отправлено 08 Декабрь 2012 - 13:58
помогите пжлст ещё подкорректировать максимально вверх. Желательно чтоб оба товарных ряда входили в экран ну или хотябы чтоб цены были видны у "айфонов" и "айпадов"
и подскажите путь пожалуйста , где можно попробовать поменять размеры слайдера?!
и как менять эффект переключения (нужен, так сказать "мягкий режим" т.е не резко картинка меняется , а плавно) ?!
Благодарен Вам, Вы очень помогаете
#8
Отправлено 08 Декабрь 2012 - 14:22
#9
Отправлено 08 Декабрь 2012 - 14:37
emin808 (08 Декабрь 2012 - 13:58) писал:
помогите пжлст ещё подкорректировать максимально вверх
и подскажите путь пожалуйста , где можно попробовать поменять размеры слайдера?!
и как менять эффект переключения ?!
Благодарен Вам, Вы очень помогаете
Поднять слайдер чуть выше
Найдите строчку в шаблоне HTML
<div class="theme-default" style="1em">
и замените ее на
<div class="theme-default" style="padding: 0px 0px 0px 5px;">
Размер изображений слайдера можно задать здесь:
файл nyvo.css
media="screen" .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
изменяйте width: 100%; Например, поставьте значение
width: 600px;
изменяйте 600 на любое другое, чтобы подвинуть слайдер немного влево, в шаблоне HTML найдите строчку, которую Вы недавно изменяли
<div class="theme-default" style="padding: 0px 0px 0px 5px;">
и меняйте значение 5px на любое другое
Чтобы убрать кнопки переключение, в файле main.css найдите блок
asfn.storeland.rumedia="screen" .theme-default .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url(/web/upload/assets/images/154/153295/nyvo_bullets.png) no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
и замените его на
asfn.storeland.rumedia="screen" .theme-default .nivo-controlNav a { display: none; width: 22px; height: 22px; background: url(/web/upload/assets/images/154/153295/nyvo_bullets.png) no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
Вы хотите анимацию анимацию при переключении? Именно это Вы понимаете под эффектом переключения?
#10
Отправлено 08 Декабрь 2012 - 15:10
#11
Отправлено 08 Декабрь 2012 - 15:20
1. вот еще бы товары поднять по максимуму
1. и узнать как стили переключения тоже выбрать
#13
Отправлено 08 Декабрь 2012 - 15:58
emin808 (08 Декабрь 2012 - 15:20) писал:
1. вот еще бы товары поднять по максимуму
1. и узнать как стили переключения тоже выбрать
файл nyvo.css
найдите блок
Цитата
media="screen" .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; }
и замените на
media="screen" .theme-default .nivo-controlNav { text-align: center; padding: 0px 0; }Хотелось бы спросить: почему у Вас сейчас нет анимацией? Вы в файле js что-то меняли?
#14
Отправлено 08 Декабрь 2012 - 16:12
может здесь (архив) какие изменения ?! это отсюда http://storeland.ru/about/faq#51
#15
Отправлено 08 Декабрь 2012 - 16:23
вот вопрос с режимом переключения бы уточнить
Благодарю!
#16
Отправлено 08 Декабрь 2012 - 16:32
Прикрепленные файлы
#17
Отправлено 08 Декабрь 2012 - 16:34
Темы с аналогичным тегами слайдер
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сказка →
Главная →
Убираем Цветной Баннер На СлайдереАвтор Гость_Foxis_10_* , 17 февр. 2021 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Нептун →
Главная →
Изменение Главного Баннера На СлайдерАвтор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сканди →
Изменение общей стилистики →
Изменение СлайдераАвтор Гость_TYURIKOFF_* , 21 марта 2019 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Настройка СлайдераАвтор Гость_tovmarket_* , 30 окт. 2018 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Как Изменить Расположение Объектов На Первом ЭкранеАвтор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных