popovich55

Рейтинг
0
Регистрация
10.08.2015
Dim_K:
В файле rt.js описана логика работы слайдера и там нет ни слова о таком функционале. Вам нужно переписать функцию rotate, чтоб она принимала номер нового изображения. Ну и добавить ее в клик на маленькую фотку.

Dim_K Здравствуй. Подскажи пожалуйста если сможешь где именно прописать?

var cl = false;

var next_out;

var next_id;

$(document).ready(function(){

/* descriptions = new Array('Украшаем двор цветами петунии','Установка пластикового окна своими руками','Проекты садовых беседок','Проекты каменных домов из кирпича');

urls = new Array('/landshaft/8-ukrashaem-svoy-dvor-vazami-iz-avtomobilnyh-pokryshek.html','/okna/17-ustanovka-plastikovyh-okon-svoimi-rukami.html', '/main/11-proekty-sadovyh-besedok.html', '/main/9-proekty-kamennyh-domov.html');*/

descriptions = new Array('Украшаем двор цветами петунии','Установка пластикового окна своими руками','Проекты садовых беседок','Проекты каменных домов из кирпича');

urls = new Array('/landshaft/8-ukrashaem-svoy-dvor-vazami-iz-avtomobilnyh-pokryshek.html','/okna/17-ustanovka-plastikovyh-okon-svoimi-rukami.html','/main/11-proekty-sadovyh-besedok.html','/main/9-proekty-kamennyh-domov.html');

startRotator();

});

$('.thumb').on('click', function(){

cl = true;

next_out = parseInt($(this).attr('num'));

if (next_out == next_id)

{

cl = false;

return false;

}

else

{

rotate();

}

});

function startRotator()

{

timeout = window.setTimeout(rotate, 3500);

}

function stopRotator()

{

clearTimeout(timeout);

}

function rotate()

{

stopRotator();

$('.rotator img').stop();

next_id = parseInt($('.rotator img.true').attr('id')) + 1;

if (cl === true) next_id = next_out;

if (next_id == 5) next_id = 1;

$('.description').html(descriptions[next_id - 1]);

$('.description').attr('href', urls[next_id - 1]);

$('.thumb').css('border', '0px');

$('#thumb_' + next_id).css('border', '4px solid #0074E8');

$('.rotator img.true').animate({"opacity": "0"}, 800);

$('.rotator #' + next_id).animate({"opacity": "1"}, 800);

$('.rotator img.true').attr('class', 'false');

$('.rotator #' + next_id).attr('class', 'true');

cl = false;

startRotator();

}