Konuyu Değerlendir
  • 0 Oy - 0 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
Javascript İle Resimleri Listelemek
#1
Javascript İle Sayfadaki Tüm Resimleri Bulmak Çok Kolay

Aşağıdaki Javascript kodu bir web sayfasında bulunan tüm görselleri yeni bir açılır pencere içinde listeler.
Açılan listede görselin kendisini ve yolunu görebilir isteseniz tılayarak ayrı bir sayfada açabilirsiniz. Bu kodu çalıştıracağınız sayfada JQuery kütüphanesinin de eklenmiş olmasına dikkat edin.

Kodu çalıştırmak için ilgili sayfadayken, F12 tuşuna basıp tarayıcının geliştirici penceresini açın ve konsol sekmesine gelin. Konsola kodları yapıştırın ve entere basın. Eğer Pencere açılmaz ise tarayıcının üst kısmında Bu sitenin pencere açmasına izin ver uyarısına tıklayın ve izin verin.

Eğer siteye pencere açması için izin vermek istemiyorsanız aşağıdaki koddan

   var pencere = window.open("","MsgWindow","width=800,height=1000");

satırını silin ve

pencere.document.write(text);


satırını

document.write(text);

olarak değiştirin.

Kod:
(function(){
   var images = [];
   $("img").each(function(){
     images.push($(this).attr('src'))
   })
    var uzn = images.length-1;
    var text="";
   var pencere = window.open("","MsgWindow","width=800,height=1000");
    for(i=0;i<uzn;i++){
        text += "<a href="+images[i]+">"+"<img src='"+images[i]+"'/>"+"<br/>"+images[i]+"</a>"+"<br/><br/><hr/>";
    }
        pencere.document.write(text);
 })()
Alıntı


Foruma Git:


Bu konuyu görüntüleyen kullanıcı(lar): 1 Ziyaretçi