Перейти к содержимому


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 510 9 тем, 58 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 312 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 216 0 тем, 24 сообщения, 6 баллов репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 210 Вне конкурса за определение пользователя месяца

  • Фотография Игорь Ку
    #5

    Игорь Ку (dudesday.ru)
    Очков активности: 126 4 темы, 9 сообщений, 4 балла репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 88.5 Вне конкурса за определение пользователя месяца

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

  • Фотография yuran
    #8

    yuran (yurbol.ru)
    Очков активности: 37.5 1 тема, 22 сообщения, 1 балл репутации

  • Фотография Zevss
    #9

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография falka
    #10

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 20.10.2018
Топ 5 участников по репутации


Слайдшоу - переключение по клику

#1 Much-Soft

Much-Soft
  • Неактивные
  • 44 сообщений
  • Репутация: 0
0

Отправлено 14 August 2012 - 13:45

Здравствуйте, мне нужна помощь.
У меня есть модуль слайд шоу, но там изначально слайды переключаются при наведении мышки, а я для удобства пользователей хочу сделать переключение по клику.

Вот код который отвечает за это:

$(document).ready(function() {
//  Расставление правых пунктов
var sliderRightItem = $('.slider-item-small');
var SlidreRightItemSdvig = 12;
for (i=0; i<sliderRightItem.length; i++)
  {
   $(sliderRightItem[i]).css({'top' : SlidreRightItemSdvig});
   var SlidreRightItemSdvig = SlidreRightItemSdvig + 74;
  }
// Задаем первый элемент слайдера
$('.slider-item:first').addClass('slider-item-active');
$('.slider-item-big:first').fadeIn();
var sliderTime = 8000;//скорость слайдера
// Расчет отступа для ссылки
var sliderLeftItem = $('.slider-item-big:first');
var SliderItemTitleHeight = sliderLeftItem.find('h2').height();
sliderLeftItem.find('.slider-item-big-link').css({'bottom' : SliderItemTitleHeight +35});
// Перелистывание слайдера
function showNext() {
  clearTimeout(timerId);
  var currentBlock = $('.slider-item-active');
  var nextBlock = currentBlock.next('.slider-item').length ? currentBlock.next('.slider-item') : $('.slider-item:first');
  $('.slider-item-big').fadeOut(0);
  $('.slider-item').removeClass('slider-item-active');
  nextBlock.addClass('slider-item-active');
  nextBlock.find('.slider-item-big').fadeIn();
  var SliderItemTitleHeight = nextBlock.find('h2').height();
  nextBlock.find('.slider-item-big-link').css({'bottom' : SliderItemTitleHeight +35});
  timerId = setTimeout(showNext, sliderTime);
}
function showHover() {
  clearTimeout(timerId);
  $('.slider-item-big').fadeOut(0);
  $('.slider-item').removeClass('slider-item-active');
  var currentBlock = $(this).parent();
  var nextBlock = currentBlock.next('.slider-item').length ? currentBlock.next('.slider-item') : $('.slider-item:first');
  currentBlock.addClass('slider-item-active');
  currentBlock.find('.slider-item-big').fadeIn(0);
  var SliderItemTitleHeight = currentBlock.find('h2').height();
  currentBlock.find('.slider-item-big-link').css({'bottom' : SliderItemTitleHeight +35});
  timerId = setTimeout(showNext, sliderTime);
}
$('.slider-item-small').hover(showHover);
timerId = setTimeout(showNext, sliderTime);
});

Помогите пожалуйста!

 

 

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru