Belli bir süre (2sn) sonra Kayan bir modül yapmak istiyorum. Ancak scrollLeft olayını bir türlü yapamadım. Aşağıda vereceğim kodlarıda yazılanlara göre modül hiçbir şekilde animate ile kayma işlemi yapmıyor. İstiyorumki iç divde bulunan 10 tane bilgi notu, 2sn bir değişsin. Bunu nasıl yapabilirim.

kodların tamamı aşağıdadır.

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <style>
    #div_dis{
    width:300px;
    height:100px;
    display:block;
    float:left;
    overflow:hidden;
    }
    #ic_div{
    width:980px;
    height:100px;
    background-color:#F7F7F7;
    display:block;
    float:left;
    }

    .bilgi{
    width:65px;
    height:75px;
    display:block;
    float:left;
    margin:10px;
    padding-left: 10px;
    border: 1px solid #ddd;
    }
    </style>

    <script type="text/javascript">
    $(document).ready(function(){
    setTimeout(function(){
    var  scrollleft_son = $("#div_dis").scrollLeft();
    scrollleft_son -=250;
    $("#div_dis").animate({scrollLeft: scrollleft_son},500);
    },2000);
    });

    </script>

    <div id="div_dis">
    <div id="ic_div">
    <div class="bilgi">Bilgi 1</div>
    <div class="bilgi">Bilgi 1</div>
    <div class="bilgi">Bilgi 3</div>
    <div class="bilgi">Bilgi 4</div>
    <div class="bilgi">Bilgi 5</div>
    <div class="bilgi">Bilgi 6</div>
    <div class="bilgi">Bilgi 7</div>
    <div class="bilgi">Bilgi 8</div>
    <div class="bilgi">Bilgi 9</div>
    <div class="bilgi">Bilgi 10</div>
    </div>
    </div>

soruldu: 30 Nis '14, 08:14

atm10's gravatar image

atm10
461283036
cevap kabul oranı: 10%

değiştirildi: 09 Haz '14, 15:38

%C3%B6zcanacar's gravatar image

özcanacar ♦♦
17.2k59183183


Burada çalışan örneğini koydum. Dikkat etmen gereken nokta

right: "+=95"

satırı. bilgi divlerinin margin veya width propertylerini değiştirirsen bunuda değiştirmen gerekir (toplam genişlik). Veya classtan bu nesnelere ulaşıp bu satır yerine clientwidthlerini koyman gerekir. Ayrıca bir counter koymalısın ve bittiğinde başa dönmesini sağlamalısın.

Edit:

flag koyulmuş hali: link

permanent link

cevaplandı: 30 Nis '14, 09:51

osmanraifgunes's gravatar image

osmanraifgunes
2.4k81736
cevap kabul oranı: 31%

değiştirildi: 30 Nis '14, 10:46

Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×30

Soruldu: 30 Nis '14, 08:14

Görüntüleme: 835 kez

Son güncelleme: 09 Haz '14, 15:38

powered by BitNami OSQA