

Slider'ın Hızını Değiştiremiyorum İnterval Etki Etmiyor
-
Hocalar bootsnipten bir slider almıştım js kodu şu :
$(document).ready( function() { $('#myCarousel').carousel({ interval: 15000 }); });
HTML Kodu :<style> .carousel-indicators li { visibility: hidden; } </style> <section class="jk-slider"> <div id="carousel-example" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <?php if ( $fact_slider ){ foreach( $fact_slider as $row ){ ?> <div class="item active"> <img src="" style="width:100%;"> <div class="hero"> <hgroup> <p></p> </hgroup> </div> </div> <?php }else{ ?> <div class="item"> <img src="" style="width:100%;" > <div class="hero"> <hgroup> <p></p> </hgroup> </div> </div> </div> <div class="logo"><a href="http://bune.la"><img src="img/logo.png" alt="bune.la"></a></div> <a class="left carousel-control" href="#carousel-example" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </section>CSS :
<!--slider--> .jk-slider{ margin-bottom:-10px; width:100%; } /* Hero Headers */ /********************************/ .hero { width:100%; position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: left; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .hero h1 { font-size: 6em; font-weight: bold; margin: 0; padding: 0; } .fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
Nvidia tarafından 28/Nis/16 01:05 tarihinde düzenlenmiştir
interval değeri etki etmiyor denemek için 15000 ms yaotım ama yemedi nasıl yaparız :) -
dostum sliderin js, css ve html kodlarını şuraya yapıştır güncel olarak görelim.
https://jsfiddle.net/
-
21li bunu yazdı
dostum sliderin js, css ve html kodlarını şuraya yapıştır güncel olarak görelim.
https://jsfiddle.net/
güncelledim konuyu
-
sabah sabah bi updullah
Edit: sitem js dosyasını görmüyor tuhaf birşekilde, onu anladım...
Nvidia tarafından 28/Nis/16 06:50 tarihinde düzenlenmiştir -
Hocam, JavaScript uygulamalarında mutlakiyetle console'a bakmanız gerekmekte. En azından oradaki hatayı görürüz.
-
üstünde çağırdığın dosyalardan biri patlatıyordur, console da yazar.
chrome f12 yapıp, console' a bak bi.
bu çağırdığın dosyayı da hemen js main dosyasını çağırır çağırmaz, çağır bakalım nolcak.