Resimli geri sayım aracı

FOX Bilisim · 28 Nisan 2010

Elimde şöyle bir kod var,

Kod:

<html>
  <head>
    <title>Timer</title>
  </head>
  <script type="text/javascript" src="timer.js"></script>
  
  <body onload="basla()">
    <div id="div1">div1</div>
    <script>

function basla() {
    function hebele(n) {
        var o = document.getElementById("div1");
        o.innerHTML = n;
        if (n > 0)
            setTimeout(function() {hebele(n-1);}, 8640000);
    }
        
   hebele(10);
}

    </script>
    
  </body>
</html>

Bu kod 10 gün geri sayıma ayarlanmış, 10 dan geriye doğru sayıyor. Benim yapmak istediğim şey 10 dan geriye doğru rakamla sayması değil resimle sayması.

Mesela, 10. gün resim10.jpg , 9. gün resim9.jpg , 8.7.6 vs.. diye gitmesidir.
Bu konuda yardım edecek arkadaşlara şimdiden teşekkürler.

Edit.konuyu php bölümün açmamın sebebi ise, php sayfanın arasına iframe ile göstermem gerektiği içindir.

superweb · 28 Nisan 2010

HTML:

<html>
  <head>
    <title>Timer</title>
  </head>
  <script type="text/javascript" src="timer.js"></script>
  
  <body onload="basla()">
    <div id="div1">div1</div>
    <script>

function basla() {
    function hebele(n) {
        var o = document.getElementById("div1");
        o.innerHTML = '<img src="resim'+n+'.jpg" />';
        if (n > 0)
            setTimeout(function() {hebele(n-1);}, 8640000);
    }
        
   hebele(10);
}

    </script>
    
  </body>
</html>

veya

HTML:

<html>
  <head>
    <title>Timer</title>
  </head>
  <script type="text/javascript" src="timer.js"></script>
  
  <body onload="basla()">
    <img id="img1" />
    <script>

function basla() {
    function hebele(n) {
        var o = document.getElementById("img1");
        o.src = 'resim'+n+'.jpg';
        if (n > 0)
            setTimeout(function() {hebele(n-1);}, 8640000);
    }
        
   hebele(10);
}

    </script>
    
  </body>
</html>

FOX Bilisim · 28 Nisan 2010

resimlerin isimleri farketmiyor değil mi? dosyayla aynı dizinde olması yeterlidir ?

trgy · 28 Nisan 2010

Resim ismi farkediyor olması gerek.

1. gün için resim1.jpg vermelisin mesela yanlış görmediysem.

metadige · 28 Nisan 2010

İsimler farkeder, 1.jpg, 2.jpg vs. olacak ya da arraya atıp tanıtacaksın.

Yalnız o kod nasıl 10 günden geriye sayacak, öyle bişey olması için açılan sayfanın kapanmaması lazım, yoksa her girişte baştan başlar. Onun için bir tarih belirtip ona göre hesaplaman gerekli.

FOX Bilisim · 28 Nisan 2010

metadige' Alıntı:
İsimler farkeder, 1.jpg, 2.jpg vs. olacak ya da arraya atıp tanıtacaksın.

Yalnız o kod nasıl 10 günden geriye sayacak, öyle bişey olması için açılan sayfanın kapanmaması lazım, yoksa her girişte baştan başlar. Onun için bir tarih belirtip ona göre hesaplaman gerekli.

+1 aynen. her girişte yeniden başlamaması lazım tabiki. Bu konuda ne yapmamız lazım ?

metadige · 28 Nisan 2010

Arkadaşım söylediğim gibi bir tarih değişkeni oluşturup ona göre saydıracaksın. Bu javascript ile de olur, php ile de. Bak sayfanın altında benzer konularda var örneğin:

http://forum.iyinet.com/html-xml-xhtml-dhtml-css/18863-15-ay-geri-sayim-kodu-lazim.html

Tabii javascript ile yaptığın zaman, kullanıcının sistem saatine göre hesaplanacağını da unutma.

Resimli geri sayım aracı

FOX Bilisim

0

superweb

0

FOX Bilisim

0

trgy

metadige

0

FOX Bilisim

0

metadige

0