$("#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ć.