Как отрегулировать слайдер на сайте?

P5
На сайте с 10.08.2015
Offline
0
335

Здравствуйте, всем доброго времени суток.

Подскажите пожалуйста, где прописать в коде слайдера на главной странице, чтобы при клике мышки по маленьким фотографиям одновременно менялись и большие фотографии на слайдере. Сайт http://1masternavseruki.ru

Dim_K
На сайте с 11.07.2007
Offline
85
#1

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

P5
На сайте с 10.08.2015
Offline
0
#2
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();

}

Dim_K
На сайте с 11.07.2007
Offline
85
#3

К сожалению, исправить код не смогу. Я просто прояснил ситуацию что готового функционала нет под ваше желание.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий