Sice 0 Опубликовано: 13 марта 2014 Рассказать Опубликовано: 13 марта 2014 Доброго времени суток ребята. Всю голову вчера сломал. Не получается в слайдере поставить ссылки по изображениям. То есть: Идут слайды по разным темам при нажатии на него, переходишь по ссылке. В Шаблоне slider.tpl код следующий: <script type="text/javascript"> $(function(){ $('#slides').slides({ preload: true, preloadImage: '{THEME}/images/loading.gif', generatePagination: false, play: 5000, pause: 2500, hoverPause: true }); }); </script> <div class="slider"> <div id="slides"> <div class="slides_container"> <a href="#"><img src="{THEME}/img/slide1.jpg" width="572" height="202" alt="" /></a> <a href="#"><img src="{THEME}/img/slide2.jpg" width="572" height="202" alt="" /></a> <a href="/plat.html"><img src="{THEME}/img/slide3.jpg" width="572" height="202" alt="" /></a> </div> <a href="#" class="prev"><img src="{THEME}/images/slideprev.png" alt="Arrow Prev" /></a> <a href="#" class="next"><img src="{THEME}/images/slidenext.png" alt="Arrow Next" /></a> </div> <div id="sliderbg"> </div> <div id="slideframe"> </div> </div> В syle.css для этих слайдеров такие стили: /* Слайдер картинками */ .slider {position:relative; float:left;} #slides {width:595px; height:225px; position:relative; top:20px;} #slides .slides_container {position:relative; overflow:hidden; top:11px; left:11px; width:572px; height:202px; z-index:50;} #slides .slides_container a {width:572px; height:200px; display:block;} #slides .prev {position:absolute; top:90px; left:20px; z-index:200;} #slides .next {position:absolute; top:90px; right:20px; z-index:200;} #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;} #sliderbg {background:url(../images/slider-bg.png) no-repeat; z-index:0; width:780px; height:252px; position:absolute; top:10px; left:-100px;} Методом перебора, понял, что вся проблема в строчке: <div id="slideframe"> </div>, если ее убрать, то я могу нажимать по слайдам и переходить по ссылкам, но пропадает рамка, вокруг этих слайдов, нарушается внешний вид в общем. Класс slideframe выглядит так: #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;} Не пойму, что в этом коде может запрещать использовать ссылки. Ребята, помогите пожалуйста, не пойму в чем проблема, не хватает знаний. Заранее большое спасибо. Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 13 марта 2014 Рассказать Опубликовано: 13 марта 2014 адрес сайта Цитата Ссылка на сообщение Поделиться на других сайтах
Sice 0 Опубликовано: 13 марта 2014 Рассказать Опубликовано: 13 марта 2014 Автор адрес сайта он у меня на localhost'e стоит. Вот сам шаблон здесь http://techno-co.ru/datalife_engine/shabloni_dle/2324-shablon-gooddroid-dlya-dle-101.html Цитата Ссылка на сообщение Поделиться на других сайтах
samo733792 19 Опубликовано: 13 марта 2014 Рассказать Опубликовано: 13 марта 2014 Просто поменяй строку #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;} на #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;} То-есть последнее 100 на 40. Цитата Ссылка на сообщение Поделиться на других сайтах
Sice 0 Опубликовано: 13 марта 2014 Рассказать Опубликовано: 13 марта 2014 Автор Просто поменяй строку #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;} на #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;} То-есть последнее 100 на 40. Просто поменяй строку #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;} на #slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;} То-есть последнее 100 на 40. Спасибо Вам большое! Помогло! Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.