Слайд(картинки)
Здравствуйте, возможно ли в слайде картинки сделать кликабельными для ссылок на другие страницы либо ссайты?
|
DoubleDigit,
да |
Вложений: 1
Посмотрите пожалуйста
есть блок и стили. <div id="slide"> <div class="slider"> <ul class="items"> <li><img src="images/pila-1.jpg" alt=""><div class="banner"><p class="extra-wrap"><strong>Экшн-игра по мотивам фильма Пила</strong><span>Испытайте на себе роль героев фильма в реальности!</span></p><a href="#">Подробнее</a></div></li> <li><img src="images/pila-2.jpg" alt=""><div class="banner"><p class="extra-wrap"><strong>Новая игра - Пила 2</strong><span>Еще страшнее, еще больше адреналина и ужаса!</span></p><a href="#">Подробнее</a></div></li> </ul> </div> <div class="banner"><p class="extra-wrap"><strong>Испытайте на себе роль</strong><span>героев фильма в реальности!</span></p><a href="#">Read More</a></div> <a href="#" class="prev"></a><a href="#" class="next"></a> </div> ============================================== Опции. ============================================== <script> $(document).ready(function(){ $('.slider')._TMS({ show:0, pauseOnHover:false, prevBu:'.prev', nextBu:'.next', playBu:false, duration:10000, preset:'zoomer', pagination:true, pagNums:false, slideshow:7000, numStatus:false, banners:'fade', waitBannerAnimation:false, progressBar:false }) }); </script> ============================================== Стили ============================================== #slide { position:relative; width:1264px; height:585px; margin:0 auto; padding:0px 0px 0 0px; z-index:2; background:#000; overflow:hidden;} .slider {width:1280px; height:465px; margin:0 auto; position:relative; z-index:2; overflow:visible !important; } ============================================== Скрипт ============================================== |
DoubleDigit,
слайдер слишком старый ... |
DoubleDigit,
найдите строку _.pic.css({backgroundImage:'url('+_.next+')'}); после неё добавьте строки, изменив массив ссылок по которым нужен переход -- равный числу картинок _.pic.off().click( function() { var link = ['http://javascript.ru/forum/','http://www.yandex.ru/'][_.n]; if(link) window.location.href = link } ); |
Супер, вы Мастер. Спасибо! Если можно, подправьте чуть тему Слайд(привязка ссылки для картинок)
|
Часовой пояс GMT +3, время: 14:54. |