Перейти к публикации

Проблема со слайдами. Не могу задать ссылки при клике по изображению слайдов


Рекомендованные сообщения

Доброго времени суток ребята. Всю голову вчера сломал. Не получается в слайдере поставить ссылки по изображениям.

То есть: Идут слайды по разным темам при нажатии на него, переходишь по ссылке. В Шаблоне 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">&nbsp;</div>

	<div id="slideframe">&nbsp;</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">&nbsp;</div>, если ее убрать, то я могу нажимать по слайдам и переходить по ссылкам, но пропадает рамка, вокруг этих слайдов, нарушается внешний вид в общем. Класс slideframe выглядит так:

#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: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.
Просто поменяй строку

#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.

Спасибо Вам большое! Помогло!

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...