Hallo!

Durch Webrecherche fand ich diesen Code-Schnippsel. Da mir aber weitgehend die Kenntnisse fehlen, diesen fachgemäß in meine Website einzubauen, frage ich hier mal nach.

Ich weiß also konkret nicht, ob der nachfolgend definierte HTML-Image-link dann in jedem Link zu einem Bild in gleicher Weise gesetzt werden muss.

Und ich weiß nicht, wie das eigentliche Script in die Site eingepflegt wird. Soll ich den Code in eine Datei als JS-Datei einfügen und die typische JS-Script-Definition in die erste Zeile legen?

Hier also der Code-Schnippsel, den ich im Web fand:

Code:
<img src="" realsrc="/myimage.png" />

$(document).ready(function(){

  $(window).scroll(function(){
    $('img[realsrc]').each(function(i){
      var t = $(this);
      if(t.position().top > ($(window).scrollTop()+$(window).height()){
        t.attr('src', t.attr('realsrc')); // trigger the image load
        t.removeAttr('realsrc'); // so we only process this image once
      }
    });
  })

});
Beste Grüße
Clemens