JavaScript - Resim ekleme

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java JavaScript - Resim ekleme

Bu konudaki kullanıcılar: 1 misafir

10
Cevap 9422
Tıklama 0
Öne Çıkarma

1. sayfa

JavaScript - Resim ekleme

Cevap Yaz

kasolet

11 yıl

Yüzbaşı

Konu Sahibi

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'>";

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

kasolet

11 yıl

Yüzbaşı

Konu Sahibi

Çok mu zor bir soru sordum ya ? Yurtdışı sitelerinden de yardım istedim ama oradan da ses çıkmadı :)

Bu mesaja 1 cevap geldi.

dnamiks

11 yıl

Teğmen

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

Bu mesaja 1 cevap geldi.

Video Tapes

11 yıl

Yüzbaşı

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

Bu mesaja 1 cevap geldi.

dnamiks

11 yıl

Teğmen

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.

Bu mesaja 1 cevap geldi.

Video Tapes

11 yıl

Yüzbaşı

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 >

Bu mesajda bahsedilenler: @dnamiks

kasolet

11 yıl

Yüzbaşı

Konu Sahibi

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 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @Video Tapes , @dnamiks

kasolet

11 yıl

Yüzbaşı

Konu Sahibi

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>

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @Video Tapes , @dnamiks

Video Tapes

11 yıl

Yüzbaşı

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

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @kasolet

dnamiks

11 yıl

Teğmen

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ç

alpoz12

8 yıl

bana çok lazım

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java JavaScript - Resim ekleme