• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Делаем автоматический слайдер контента, под информермер. (Вопросы по теме слайдера контента $.cycleThru().)
Делаем автоматический слайдер контента, под информермер.
Дата: Понедельник, 05.12.2011, 01:20 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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


 
Дата: Суббота, 10.12.2011, 18:36 |
voron
Рядовой
Группа: Пользователи
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


Спасибо за информацию.
Я наверное не правильно описал проблему.
Title сначала меняется и перестает меняться, как только будет показана последняя картинка.
Затем идет показ картинок по кругу , но название картинок уже не меняется, а остается все время одинаковым = titlу последней картинки.
В предоставленных вами примерах все также.
Смена названия картинки идет только до последней картинки title4, а затем при смене картинок название остается прежним (title4).


 
Дата: Суббота, 10.12.2011, 23:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


voron,
Quote (voron)
Я наверное не правильно описал проблему.
Title сначала меняется и перестает меняться, как только будет показана последняя картинка.
Затем идет показ картинок по кругу , но название картинок уже не меняется, а остается все время одинаковым = titlу последней картинки.

Поправил, смотрим ещё раз Скрипт cycleThru + zIndex ...

P.S. Скрипт cycleThruZi в прикреплении.

Прикрепления: _cycleThruZi.js (0.5 Kb)

 
Дата: Пятница, 24.02.2012, 04:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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)

 
Дата: Пятница, 24.02.2012, 16:47 |
LARI1107
Рядовой
Группа: Зарегистрированные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


Спасибо! Спасибо! Спасибо!!!!! Вы просто гений!!!

 
Дата: Воскресенье, 26.08.2012, 23:31 |
mediator
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


likbezz,
Quote
Поправил, смотрим ещё раз Скрипт cycleThru + zIndex ...

У меня проблема осталась http://mediazakarp.at.ua/index/11/0-156
Первый цикл – все отлично. На втором и следующих кликанье на любой новости неизменно ведет только к последей информации, которую выводит информер.
Да и на втором круге наведение курсора на заголовок не перебивает значение шрифта по умолчанию для ссылок заголовков (из синего на черный).
Помогите, пожалуйста, разобраться.


 
Дата: Воскресенье, 26.08.2012, 23:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


mediator,
Quote (mediator, Вс, 26.08.2012, 23:31:03)
У меня проблема осталась http://mediazakarp.at.ua/index/11/0-156

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


Прикрепления: 9549294.png (4.8 Kb)

 
Дата: Понедельник, 27.08.2012, 00:35 |
mediator
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


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

Cпасибо Вам!


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Делаем автоматический слайдер контента, под информермер. (Вопросы по теме слайдера контента $.cycleThru().)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия