Делаем автоматический слайдер контента, под информермер.
|
|
[1] likbezz [05.12.2011, 01:20] |
Q: voron, Quote ( voron) Маленький недостаток в том, что при на наведении курсора на слайдер, при смене картинок не меняется title картинок. Эта проблемка как-нибудь решается? Сайт все тот-же.
Оч, хороший вопрос.
Да, решается. Путём установки отрицательного z-index-а, к скрытым блокам.
Типа: Code <script type="text/javascript"> (function($){ $.cycleThru={defaults:{delay:3000}}; $.fn.extend({cycleThru:function(config){ var config=$.extend({},$.cycleThru.defaults,config); return this.each(function(){ var delay=config.delay; var ulid=$(this).attr("id"); var el=0; var elmax=$(this).children("li").hide().length-1; function cyclee(){ $("ul#"+ulid+" li:eq("+el+")").show().css("z-index","0") .animate({"opacity":"1","zIndex":1},400) .animate({"opacity":"1"},delay) .animate({"opacity":"0","zIndex":0},400,function(){ (el==elmax)?el=0:el++;$(this).css("z-index","-1"); cyclee(); }); }; cyclee(); }) } }) })(jQuery); </script>
Пример (вариант 2 - исправленный): ☑ Изначальный скрипт cycleThru)
☑ Скрипт cycleThru + zIndex ... |
|
[2] voron [10.12.2011, 18:36] |
Спасибо за информацию. Я наверное не правильно описал проблему. Title сначала меняется и перестает меняться, как только будет показана последняя картинка. Затем идет показ картинок по кругу , но название картинок уже не меняется, а остается все время одинаковым = titlу последней картинки. В предоставленных вами примерах все также. Смена названия картинки идет только до последней картинки title4, а затем при смене картинок название остается прежним (title4). |
|
[3] likbezz [10.12.2011, 23:23] |
voron, Quote (voron) Я наверное не правильно описал проблему. Title сначала меняется и перестает меняться, как только будет показана последняя картинка. Затем идет показ картинок по кругу , но название картинок уже не меняется, а остается все время одинаковым = titlу последней картинки. Поправил, смотрим ещё раз Скрипт cycleThru + zIndex ...
P.S. Скрипт cycleThruZi в прикреплении.
|
|
[4] likbezz [24.02.2012, 04:19] |
Q: Quote (LARI1107) спасибо за отличный скрипт! Подстроила под себя - чтоб через информер каталога файлов выводились их изображения. Очень хотела что-то такое сделать, чтоб менялись изображения, но даже не предполагала что смогу это сама... Правда у меня тут некоторые сложности - никак не могу выровнять по центру содержимое в рамке - название каталога вверху и под ним картинка и поднять все повыше. И стили меняла и в шаблоне информера, не вижу где эта фигнюшка чтоб всегда по центру ставилось и повыше. Помогите, а! Не очень хорошо знаю стили... может чего не правильно делаю. сайт http://mytalants.ru/
Для вашего информера (информеров) нужны вот такие стили:
Code <style type="text/css"> ul.newsCont li,ul.newsCont h4{text-align:center;} ul.newsCont li{width:200px;} ul.newsCont h4{margin:0 auto 3px;} </style> ...
Добавьте их в шаблон перед или после кода информера $MYINFx$ ... И будет вот так:
...
|
|
[5] LARI1107 [24.02.2012, 16:47] |
Спасибо! Спасибо! Спасибо!!!!! Вы просто гений!!! |
|
[6] mediator [26.08.2012, 23:31] |
likbezz, Quote Поправил, смотрим ещё раз Скрипт cycleThru + zIndex ... У меня проблема осталась http://mediazakarp.at.ua/index/11/0-156 Первый цикл – все отлично. На втором и следующих кликанье на любой новости неизменно ведет только к последей информации, которую выводит информер. Да и на втором круге наведение курсора на заголовок не перебивает значение шрифта по умолчанию для ссылок заголовков (из синего на черный). Помогите, пожалуйста, разобраться. |
|
[7] likbezz [26.08.2012, 23:56] |
mediator, У меня проблема осталась http://mediazakarp.at.ua/index/11/0-156 У вас прописана старая версия, новая постом выше, с Z индексом.
|
|
[8] mediator [27.08.2012, 00:35] |
likbezz, У вас прописана старая версия, новая постом выше, с Z индексом. Cпасибо Вам! |
|