Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Слайдер. ошибка

Слайдер. ошибка


     08.08.2014    Все вопросы » Шаблоны (TPL)    2703

вопрос
Сделал на свой сайт слайдер как показо здесь . http://heavenweb.ru/delaem-prostoy-slayder-na-jquery
Все поставил по инструкции , но на страниице показывает вот что.
Слайдер. ошибка

из tpl

Ответа пока нет


13 комментариев

FastFud
Юзер

FastFud - 8 августа 2014 15:25 -

ссылку на сайт дайте.

panov
Юзер

FastFud
Юзер

FastFud - 8 августа 2014 19:09 -

<script src="{THEME}/js/jquery.nivo.slider.pack.js" type= "text/javascript"></script>
<div id="slider-wrap">
    <div id="slider">
        <div class="slide"><img src="{THEME}/img/001.jpg" width="640" height="360"></div>
        <div class="slide"><img src="{THEME}/img/002.jpg" width="640" height="360"></div>
        <div class="slide"><img src="{THEME}/img/003.jpg" width="640" height="360"></div>
        <div class="slide"><img src="{THEME}/img/004.jpg" width="640" height="360"></div>
    </div>
</div>

panov
Юзер

panov - 8 августа 2014 19:40 -

ммм... ну и что здесь не так ?

FastFud
Юзер

FastFud - 8 августа 2014 19:44 -

NivoSlider/jquery.nivo.slider.pack.js
По этому адресу нету ничего . Так что загрузите плагин в папку с js и дальше по порядку как я выше написал.

panov
Юзер

panov - 8 августа 2014 20:19 -

Правильно, потому что этот файл и не нужен для работы слайдера а нужен вот этот


<script src="http://cine-ma.ru/hwSlider/jquery-1.7.2.min.js" type= "text/javascript"></script>

FastFud
Юзер

FastFud - 8 августа 2014 20:22 -

<script src="http://cine-ma.ru/hwSlider/jquery-1.7.2.min.js" type= "text/javascript"></script>

Бред! да хотя вы тут кэп, и решать вам )

Faraday
Юзер

Faraday - 8 августа 2014 22:31 -

Добрый день. Короче, у вас картинки не вставлены:

<div id="slider-wrap">
    <div id="slider">
        <div class="slide"><img src="Том Круз в образе Лестата" width="640" height="360"></div>
        <div class="slide"><img src="Том Круз в образе Лестата" width="640" height="360"></div>
        <div class="slide"><img src="Том Круз в образе Лестата" width="640" height="360"></div>
        <div class="slide"><img src="Том Круз в образе Лестата" width="640" height="360"></div>
    </div>
</div>


В src должен быть адрес изображения. Описание же должно быть в атрибуте "alt".
А так же у вас не хватает (или не тот адрес) изображений arrowBg.png и arrowBg.png - стрелки туда-сюда. Их адрес указан внизу CSS кода слайдера - вот эта часть кода:

#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
    display:block;
    width:15px;
    height:100%;
    position:absolute;
    top:0;
    overflow:hidden;
    text-indent:-999px;
    background:url(arrowBg.png) left center no-repeat; <<<< вот это
    opacity:0.8;
    z-index:3;
    outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
    right:10px;
    background:url(arrowBg.png) right center no-repeat;}   <<<<и вот это

И будет всё работать.

panov
Юзер

panov - 8 августа 2014 22:52 -


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

Faraday
Юзер

Faraday - 9 августа 2014 11:00 -

У вас похоже небольшой конфликт в CSS. http://cine-ma.ru/templates/videopassion/style/main.css - в этом файле есть описание блока с таким же идентификатором:

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

Этот код скрывает все картинки в слайдере. Можно или удалить его, если он не нужен или перебить это правило для определенных страниц, добавив такое же правило на странице, в которую вы вставили CSS код hwslider-а. Добавьте например:

#slider img {
    display:block;
}

Так как эти правила имеют больший приоритет, картинки появятся. Вставить можно например в самом конце, сразу после:
#prewbutton:hover, #nextbutton:hover{
    opacity:1;}

forc1k
Юзер

forc1k - 8 августа 2014 23:58 -

FastFud все правильно сказал, а
не сам слайдер, это библиотека! Основываясь на предположениях делайте вывод..

Faraday
Юзер

Faraday - 9 августа 2014 11:05 -

Код слайдера, не подключается отдельным плагином, он вставлен JS кодом в страницу.

panov
Юзер

panov - 9 августа 2014 13:36 -

Вообще зачет! Удалил из main.tpl , все ,что было связано со слайдером и оставил только в newsstory и заработало!
Спасибо всем.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 18.12.2013 abcdefghijklmnoprstuvwxyz  Шаблоны (TPL)
наверх