Вход

Просмотр полной версии : Help! не работает...


Vincent Vega
25.04.2016, 19:00
$('div.gl-prew, div.gl-next').click(function(){ //клик на блок следующая или предыдущая картинка
var bl = $(this).attr('class'); //получаем класс блока на который кликнули
var bck = $('div.full-screen').css('background-image'); //получаем url картинки
var elems = $("img#scrins [src='"+bck+"']"); //ищем img с таким же url
//alert(elems);
if(bl == 'gl-prew') {
var scr = $(elems).parent().prev('img').attr('src'); //присваиваем url предыдущего img
//alert(scr);
$('div.full-screen').css({'background':scr}); //меняем фон
}
if(bl == 'gl-next') {
var scr = $(elems).parent().next('img').attr('src'); //присваиваем url следующего img
//alert(scr);
$('div.full-screen').css({'background':scr}); //меняем фон
}
});Почему не работает? Подскажите плиз...

рони
25.04.2016, 19:05
Vincent Vega,
макет надо целиком делать и описание нужно.

Vincent Vega
25.04.2016, 19:36
добавил описание.
есть<div class='full-screen'>
<div class='gl-prew'></div> //сюда
<div class='gl-next'></div> // кликаем
</div> //тут показываем
<div class='prewiw'>
<img id='scrins' src='http//img/....' /> //превьюшки
<img id='scrins' src='http//img/....' />
<img id='scrins' src='http//img/....' />
<img id='scrins' src='http//img/....' />
<img id='scrins' src='http//img/....' />
</div>перелистываем следующую, предыдущую картинку путем смены у full-screen background-image

рони
25.04.2016, 20:15
Vincent Vega,
почему id одинаковые? и что будет если next или prev отсутствует?

Vincent Vega
25.04.2016, 20:22
Vincent Vega,
почему id одинаковые? и что будет если next или prev отсутствует?

как то ниразу не подумал :-?..
а скрипт чего не работает? Чет в это г.коде никак ошибку найти не могу..

Vincent Vega
26.04.2016, 02:32
Разобрался. у меня не тот url попадал в переменную. спс всем :)