Aby zrozumieć moj problem podsyłam kod (nie jest wysokich lotów) i podstrone.
Na stronie druga grafika "tesco" ma debuggera
Strona:
http://industrium.tester.zdi24.pl/po-pracy/
Kod:
Kod
$(".video-0").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/68_Rgto52uY");
$(this).addClass(active);
$(this).removeClass( "video-0");
active="video-0";
console.log('OK!');
console.log(active);
});
$(".video-1").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/flLa0Df7jLQ");
$(this).addClass(active);
$(this).removeClass( "video-1");
active="video-1";
console.log(active);
});
$(".video-2").click(function(){
debugger;
$('.video iframe').attr("src", "https://www.youtube.com/embed/kIWSxMHvvkc");
$(this).addClass(active);
$(this).removeClass( "video-2");
active="video-2";
console.log(active);
});
$(".video-3").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/w73rcanokY4");
$(this).addClass(active);
$(this).removeClass( "video-3");
active="video-3";
console.log(active);
});
$(".video-4").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/USsiuJqLUEY");
$(this).addClass(active);
$(this).removeClass( "video-4");
active="video-4";
console.log(active);
});
$('.video iframe').attr("src", "https://www.youtube.com/embed/68_Rgto52uY");
$(this).addClass(active);
$(this).removeClass( "video-0");
active="video-0";
console.log('OK!');
console.log(active);
});
$(".video-1").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/flLa0Df7jLQ");
$(this).addClass(active);
$(this).removeClass( "video-1");
active="video-1";
console.log(active);
});
$(".video-2").click(function(){
debugger;
$('.video iframe').attr("src", "https://www.youtube.com/embed/kIWSxMHvvkc");
$(this).addClass(active);
$(this).removeClass( "video-2");
active="video-2";
console.log(active);
});
$(".video-3").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/w73rcanokY4");
$(this).addClass(active);
$(this).removeClass( "video-3");
active="video-3";
console.log(active);
});
$(".video-4").click(function(){
$('.video iframe').attr("src", "https://www.youtube.com/embed/USsiuJqLUEY");
$(this).addClass(active);
$(this).removeClass( "video-4");
active="video-4";
console.log(active);
});
Jeśli macie lepsze rozwiązania czy coś to prosze o pomoc.