Установка Красивого Слайдера Rhinoslider
#1
Отправлено 27 Март 2013 - 16:02
Разъясните по подробней как его ставить....какие файлы добавлять, что подключать, где что прописать?
#2
Отправлено 27 Март 2013 - 17:13
<title>{PAGE_TITLE}</title> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />вставить строки
<link type="text/css" rel="stylesheet" href="{ASSETS_STYLES_PATH}rhinoslider-1.05.css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script> <script type="text/javascript">$(document).ready(function(){ $('#slider').rhinoslider(); }); </script>После этого Вам осталось только вставить в HTML перед
{BODY}блок
<div id="page"> <ul id="slider"> <li><img src="img/slider/01.jpg" alt="" /></li> <li><img src="img/slider/02.jpg" alt="" /></li> <li><img src="img/slider/03.jpg" alt="" /></li> <li><img src="img/slider/04.jpg" alt="" /></li> <li><img src="img/slider/05.jpg" alt="" /></li> </ul> </div
Прикрепленные файлы
#3
Отправлено 27 Март 2013 - 18:53
И ещё надо изменить путь к картинкам.
#4
Отправлено 27 Март 2013 - 18:58
#5
Отправлено 27 Март 2013 - 19:27
И ещё мой второй банер пропал....
#6
Отправлено 27 Март 2013 - 19:39
#7
Отправлено 28 Март 2013 - 08:26
#8
Отправлено 28 Март 2013 - 10:07
<title>{PAGE_TITLE}</title> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />вставить строку
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>Или же можно попробовать поставить слайдеры одного типа nivo( к примеру). Но тогда тоже придется немного поменять стили( так как слайдеры располагаются по разному). Зайдя на Ваш сайт, увидела, что Вы их оба удалили. Если же все-таки Вы решите их вернуть, не забудьте выполнить всю инструкцию по установке слайдеров, включая прописывание скриптов для файлов формата JS.
#9
Отправлено 06 Апрель 2013 - 07:57
#10
Отправлено 06 Апрель 2013 - 08:37
romatex (06 Апрель 2013 - 07:57) писал:
Какой инструкцией по установке вы пользовались?
Пришлите пожалуйста код слайдера.
Также заметила в файле стилей для слайдера вам нужно исправить пути.
Например, вместо этого кода:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background-image: url(images/nyroModal.next.gif); }Вам нужно исправить на:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background-image: url({ASSETS_IMAGES_PATH}nyroModal.next.gif); }При этом nyroModal.next.gif вас должен загружен через Сайт-Редактор тем-Файлы
#11
Отправлено 06 Апрель 2013 - 12:05
miyako (06 Апрель 2013 - 08:37) писал:
Пришлите пожалуйста код слайдера.
Также заметила в файле стилей для слайдера вам нужно исправить пути.
Например, вместо этого кода:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background-image: url(images/nyroModal.next.gif); }Вам нужно исправить на:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background-image: url({ASSETS_IMAGES_PATH}nyroModal.next.gif); }При этом nyroModal.next.gif вас должен загружен через Сайт-Редактор тем-Файлы
пользовался инструкцией от пользователя Stasya, описанном выше в этой теме.
тот блок,который вы написали не относится к слайдеру.
#12
Отправлено 06 Апрель 2013 - 12:17
romatex (06 Апрель 2013 - 12:05) писал:
тот блок,который вы написали не относится к слайдеру.
Не нашла у вас подключенных скриптов:
<link type="text/css" rel="stylesheet" href="{ASSETS_STYLES_PATH}rhinoslider-1.05.css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script>Возможно вы их не загрузили на сайт
#14
Отправлено 06 Апрель 2013 - 16:55
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>после выше присланного Вами кода.
#15
Отправлено 06 Апрель 2013 - 18:01
Stasya (06 Апрель 2013 - 16:55) писал:
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>после выше присланного Вами кода.
#16
Отправлено 06 Апрель 2013 - 19:57
#17
Отправлено 07 Апрель 2013 - 11:59
http://active.tutspl...er-xml-gallery/
#18
Отправлено 08 Апрель 2013 - 10:25
#19
Отправлено 08 Апрель 2013 - 14:48
romatex (07 Апрель 2013 - 11:59) писал:
http://active.tutspl...er-xml-gallery/
#20
Отправлено 22 Апрель 2013 - 12:38
Stasya (27 Март 2013 - 17:13) писал:
<title>{PAGE_TITLE}</title> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />вставить строки
<link type="text/css" rel="stylesheet" href="{ASSETS_STYLES_PATH}rhinoslider-1.05.css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script> <script type="text/javascript">$(document).ready(function(){ $('#slider').rhinoslider(); }); </script>После этого Вам осталось только вставить в HTML перед
{BODY}блок
<div id="page"> <ul id="slider"> <li><img src="img/slider/01.jpg" alt="" /></li> <li><img src="img/slider/02.jpg" alt="" /></li> <li><img src="img/slider/03.jpg" alt="" /></li> <li><img src="img/slider/04.jpg" alt="" /></li> <li><img src="img/slider/05.jpg" alt="" /></li> </ul> </div
Вопрос снят. Нашел, что надо поменять. Всего-то надо вот это:
<script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script> <script type="text/javascript">$(document).ready(function(){ $('#slider').rhinoslider(); }); </script> <script type="text/javascript" src="{ASSETS_STYLES_PATH}jquery-migrate-1.1.1.js"></script>вставить сюда:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_STYLES_PATH}jquery-migrate-1.1.1.js"></script>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных