[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Вопрос по теме ... » Делаем автоматический слайдер контента, под информермер.

Делаем автоматический слайдер контента, под информермер.
[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 в прикреплении.
Прикрепления: _cycleThruZi.js (0.5 Kb)
[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$ ... И будет вот так:


...
Прикрепления: 6561634.png (31.2 Kb)
[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,
Quote (mediator, Вс, 26.08.2012, 23:31:03)
У меня проблема осталась http://mediazakarp.at.ua/index/11/0-156

У вас прописана старая версия, новая постом выше, с Z индексом.

Прикрепления: 9549294.png (4.8 Kb)
[8] mediator [27.08.2012, 00:35]
likbezz,
У вас прописана старая версия, новая постом выше, с Z индексом.

Cпасибо Вам!


Полная версия сайта