Mam taki kod:
$("#p2").click(function(){
$(".bannerimg2").css('display', 'block');
$("#bannertitle2").css('display', 'block');
$("#bannercontent2").css('display', 'block');
$(".bannerimg1").css('display', 'none');
$("#bannertitle1").css('display', 'none');
$("#bannercontent1").css('display', 'none');
$(".bannerimg3").css('display', 'none');
$("#bannertitle3").css('display', 'none');
$("#bannercontent3").css('display', 'none');
$("#p2").addClass("active");
$("#p1").removeClass("active");
$("#p3").removeClass("active");
});
$("#p1").click(function(){
$(".bannerimg1").css('display', 'block');
$("#bannertitle1").css('display', 'block');
$("#bannercontent1").css('display', 'block');
$(".bannerimg2").css('display', 'none');
$("#bannertitle2").css('display', 'none');
$("#bannercontent2").css('display', 'none');
$(".bannerimg3").css('display', 'none');
$("#bannertitle3").css('display', 'none');
$("#bannercontent3").css('display', 'none');
$("#p1").addClass("active");
$("#p2").removeClass("active");
$("#p3").removeClass("active");
});
$("#p3").click(function(){
$(".bannerimg3").css('display', 'block');
$("#bannertitle3").css('display', 'block');
$("#bannercontent3").css('display', 'block');
$(".bannerimg2").css('display', 'none');
$("#bannertitle2").css('display', 'none');
$("#bannercontent2").css('display', 'none');
$(".bannerimg1").css('display', 'none');
$("#bannertitle1").css('display', 'none');
$("#bannercontent1").css('display', 'none');
$("#p3").addClass("active");
$("#p2").removeClass("active");
$("#p1").removeClass("active");
});
Odpowiada on za zmianę bannera, po naciśnięciu przycisku. Teraz chciałbym aby banner automatycznie się zmieniał co jakiś czas. Nie wiem jak się za to zabrać.