[jquery] вкладки с авто-слайдом

E-body

Мой дом здесь!
Регистрация
6 Сен 2007
Сообщения
992
Реакции
342
Здраствуйте.
Подскажите пожалста решение вкладок с авто-слайдом.
Допустим есть блок с вкладками и по истечению 5 секунд первая переключается на вторую и потом вторая через 5 секунд переключается на третью и т.д.
Еще что не мало важно - у кого интернет слабый те обычно такие влкладки видят как разьехавшую верстку пока не прогрузиться яваскрипт, желательно без этого косяка например код не виден пока не прогрузился явачкрипт
Вот тут есть решение на Javascript - dynamicdrive.com/dynamicindex17/tabcontent.htm Demo #3, а нужно на jquery
Вроде нашел решение
1. jeffri.net/2010/10/simple-jquery-and-css3-slideshow-tabs/ - только бесит что когда курсор над табом то переход серавно будет
2. net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/ все устраивает кроме количества кода
3. ввв.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange/ интересное решение на простом яваскрипте и что понравилось когда в дэмо каснешься курсором по автослайду то прекращает аннимацию

закругление кнопок icant.co.uk/articles/flexible-css-menu/step2.html
 
Demo #3- Different Tab Style, "slideshow mode" enabled
отличное решение и кода мало, и если комменты в скрипте вычистить вообще скрипт невесомый будет.

не понимаю зачем тебе именно jquery, скрипт в примере по размеру раз в 50 меньше (можно и ещё сократить)

Вот тут есть решение на Javascript ..., а нужно на jquery
jquery это тот же самый JavaScript, библиотека причём очень очень толстая, с кучей хлама ненужного.
 
отличное решение и кода мало
не понимаю зачем тебе именно jquery
jquery это тотже самый JavaScript, библиотека причём очень очень толстая.
ответ прост - в DLE 9.* уже есть jquery. Теперь осталось найти мелкое дополнение для автослайда табов.
еще интересное решение net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/
 
Еще что не мало важно - у кого интернет слабый те обычно такие влкладки видят как разьехавшую верстку пока не прогрузиться яваскрипт, желательно без этого косяка например код не виден пока не прогрузился яваcкрипт
бери любое решение готовое, в нем главный div делай с display:none. А потом на document.onload ставь обработчик, который этот div сделает видимым
 
Назад
Сверху