Şimdi Ara

JavaScript - Resim ekleme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
11
Cevap
1
Favori
9.320
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Selam arkadaşlar,

    Netten sayfaya bir resimin nasıl ekleneceğini buldum, hatta çalıştırdım da..

     
    document.getElementById("resimx").innerHTML = "<img src='y.png'>";
    <td id="resimx"></td>


    Benim sorunum; kolonlara eklemek istediğim onlarca resim var. 1.png, 2.png, 3.png ... diye gidiyor. Kolonların ismi de resim1, resim2, resim3 diye gidiyor.
    Yukarıdaki kodu bir döngü içerisine ekleyip, resimleri otomatik ekletmek istedim. Bunun için kodu şöyle yaptım ama çalışmıyor. Sanırım tırnakları yazarken bir yerde hata yapıyorum.
    Hem kolon ismini, hem de resim isimlerini otomatiğe nasıl bağlarım ?

     
    document.getElementById("'resim" + x + "'").innerHTML = "<img src='1.png'>";







  • Çok mu zor bir soru sordum ya ? Yurtdışı sitelerinden de yardım istedim ama oradan da ses çıkmadı :)
  • usta jQuery ile denersen daha olumlu sonuç alırsın

    $(document).ready(function(){
    burada işlemini yaparsın çalışmama olasılığı yok denecek kadar azdır.
    });
  • var resimler = ["1.png","2.png"]; 
    var i = 1;
    for (resim in resimler) {
    document.getElementById("resim"+i).innerHTML = "<img src='+resim+'>";
    i++;
    }


    kodu denemedim büyük ihtimalle çalışır
  • quote:

    Orijinalden alıntı: Video Tapes

    var resimler = ["1.png","2.png"]; 
    var i = 1;
    for (resim in resimler) {
    document.getElementById("resim"+i).innerHTML = "<img src='+resim+'>";
    i++;
    }


    kodu denemedim büyük ihtimalle çalışır

    bende denedim body ' e onload ="fnk()" dersen ve bu JS kodlarını bir fnk adında bir fonksion içine alırsan şu şekilde ;

    function fnk() {
    var i = 1;
    for (resim in resimler) {
    document.getElementById("resim"+i).innerHTML = "<img src='+resim+'>";
    i++;
    }

    çaışıyor denendi.
  • dnamiks kullanıcısına yanıt
    window.onload = function() { 

    }

    ya da jquery ile

    $(document).ready(function() {

    });


    bu fonksiyonların içine almak daha doğru olur. onay için teşekkürler



    < Bu mesaj bu kişi tarafından değiştirildi Video Tapes -- 27 Kasım 2014; 23:35:03 >
  • Selamlar,

    Cevaplar için teşekkürler. Ben deneme yaptım ama ne yazıkki berecemedim arkadaşlar :( Tüm kodlar aşağıda. 2 tane üzerinde çarpı olan resim kutusu çıkıyor. Resim kutuların üzerine sağ tıklayıp hedefe baktığımda ... /+resim+ gözüküyor. resim1.png ve resim2.png görmüyor. Sorun bende mi ?

     
    <html>
    <body>
    <script language="javascript" type="text/javascript">

    function AddImage()
    {
    var resimler = ["1.png","2.png"];
    var i = 1;
    for (resim in resimler) {
    document.getElementById("resim"+i).innerHTML = "<img src='+resim+'>";
    i++;
    }
    }
    </script>
    </head>


    <body onLoad="AddImage();">

    <table>
    <tr>
    <td id="resim0"></td>
    <td id="resim1"></td>
    <td id="resim2"></td>
    <td id="resim3"></td>
    <td id="resim4"></td>
    <td id="resim5"></td>
    <td id="resim6"></td>
    <td id="resim7"></td>
    <td id="resim8"></td>
    <td id="resim9"></td>

    </tr>
    </table>
    </body>
    </html>



    < Bu mesaj bu kişi tarafından değiştirildi kasolet -- 28 Kasım 2014; 0:35:08 >




  • Yapay Zeka’dan İlgili Konular
    Resim üzerine resim ekleme
    16 yıl önce açıldı
    link ekleme
    19 yıl önce açıldı
    Daha Fazla Göster
  • Tekrar selam arkadaşlar,

    Azmettim, kodları birazcık değiştirdim ve sorunu çözdüm :) Aşağıdaki şekilde döngü kurarak resimlerin otomatik yüklenmesini sağlamayı başardım, daha doğrusu başardık... Yardımlarınız için çok teşekkür ederim arkadaşlar. Bu arada son bir soru soracağım arkadaşlar. Her satırın sonundaki noktalı virgülün amacı nedir, ne işe yarar.. koymayınca da çalışıyor. Demekki bir işe yaramıyor :))

     
    <html>
    <body>
    <script language="javascript" type="text/javascript">

    function AddImage()
    {
    var i = 1;
    for (i=1;i<=9;i++) {
    deneme = "resim" + i + ".png"
    document.getElementById("resim"+i).innerHTML = "<img src=" + deneme + ">";

    }
    }
    </script>
    </head>


    <body onLoad="AddImage();">

    <table>
    <tr>
    <td id="resim1"></td>
    <td id="resim2"></td>
    <td id="resim3"></td>
    <td id="resim4"></td>
    <td id="resim5"></td>
    <td id="resim6"></td>
    <td id="resim7"></td>
    <td id="resim8"></td>
    <td id="resim9"></td>

    </tr>
    </table>
    </body>
    </html>




  • kasolet kullanıcısına yanıt
    javascript'te noktalı virgül bazı durumlarda kullanılmasada oluyor bazı kodlarda "use strict" gördüysen eğer bu tür kararsızlılıkları kaldırmak içindir. seni tüm kurallara uymaya zorlar open source projelerde herkes tek bir kafada kod yazsın diye uyulan kurallar işte. yoksa kullanmasanda olur
  • quote:

    Orijinalden alıntı: Video Tapes

    javascript'te noktalı virgül bazı durumlarda kullanılmasada oluyor bazı kodlarda "use strict" gördüysen eğer bu tür kararsızlılıkları kaldırmak içindir. seni tüm kurallara uymaya zorlar open source projelerde herkes tek bir kafada kod yazsın diye uyulan kurallar işte. yoksa kullanmasanda olur

    aynen ustanın dediği gibi ,

    javascript önemsemiyor bazı durumlarda fakat programlama dillerinin temelinde noktalı virgül satır bitti anlamına gelir ve yazılmaz ise hemen hemen tüm programlama dilleri hata verir
    javascript , action script gibi istisnalar hariç
  • bana çok lazım
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.