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

Тема в разделе "JavaScript", создана пользователем E-body, 11 ноя 2011.

Модераторы: ZiX
  1. E-body

    E-body

    Регистр.:
    6 сен 2007
    Сообщения:
    982
    Симпатии:
    319
    Здраствуйте.
    Подскажите пожалста решение вкладок с авто-слайдом.
    Допустим есть блок с вкладками и по истечению 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
     
  2. o_nix

    o_nix

    Регистр.:
    7 ноя 2007
    Сообщения:
    1.073
    Симпатии:
    1.037
    отличное решение и кода мало, и если комменты в скрипте вычистить вообще скрипт невесомый будет.

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

    jquery это тот же самый JavaScript, библиотека причём очень очень толстая, с кучей хлама ненужного.
     
  3. E-body

    E-body

    Регистр.:
    6 сен 2007
    Сообщения:
    982
    Симпатии:
    319
    ответ прост - в DLE 9.* уже есть jquery. Теперь осталось найти мелкое дополнение для автослайда табов.
    еще интересное решение net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/
     
  4. bafoed

    bafoed Постоялец

    Регистр.:
    18 ноя 2009
    Сообщения:
    67
    Симпатии:
    7
    бери любое решение готовое, в нем главный div делай с display:none. А потом на document.onload ставь обработчик, который этот div сделает видимым