folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Slider'ın Hızını Değiştiremiyorum İnterval Etki Etmiyor



Slider'ın Hızını Değiştiremiyorum İnterval Etki Etmiyor

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nvidia
    Nvidia's avatar
    Banlanmış Üye
    Kayıt Tarihi: 13/Nisan/2013
    Erkek

    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;    
    }
    







    interval değeri etki etmiyor denemek için  15000 ms  yaotım ama  yemedi  nasıl yaparız :)

    Nvidia tarafından 28/Nis/16 01:05 tarihinde düzenlenmiştir

    Milyarlarca yıl ölüydüm dirildim ve tekrar dirilmemek üzere öleceğim günü bekliyorum!
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    21li
    21li's avatar
    Kayıt Tarihi: 21/Haziran/2015
    Erkek

    dostum sliderin js, css ve html kodlarını şuraya yapıştır güncel olarak görelim.

     

    https://jsfiddle.net/


    Çocukken müzik kesilince sandalyelere oturmaya çalıştığımız oyun, meğerse hep otobüsün alıştırmasıymış.
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nvidia
    Nvidia's avatar
    Banlanmış Üye
    Kayıt Tarihi: 13/Nisan/2013
    Erkek
    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


    Milyarlarca yıl ölüydüm dirildim ve tekrar dirilmemek üzere öleceğim günü bekliyorum!
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nvidia
    Nvidia's avatar
    Banlanmış Üye
    Kayıt Tarihi: 13/Nisan/2013
    Erkek

    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

    Milyarlarca yıl ölüydüm dirildim ve tekrar dirilmemek üzere öleceğim günü bekliyorum!
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Hocam, JavaScript uygulamalarında mutlakiyetle console'a bakmanız gerekmekte. En azından oradaki hatayı görürüz.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ozgunlu
    ozgunlu's avatar
    Banlanmış Üye
    Kayıt Tarihi: 11/Kasım/2011
    Erkek

    ü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.


    Hello, i am nothing. I come from Neverland.
Toplam Hit: 895 Toplam Mesaj: 6
slider