Foundation 6 Interchange Daten-src

Question

es ist möglich, dass Austausch-Stiftung 6 auf Resize machen den Weg auf der Attribut Daten src ersetzen, anstatt die src eines Bildes?

Und gleiche Verhalten auf einem Hintergrundbild in einem DIV, ersetzen Sie den Pfad auf Daten src anstelle der style = "background-image.

Ich versuche Bilder auf Ansichtsfenster nur um zu zeigen, einige Art Handbuch faul Last mit Austausch

ich Lösche den src, wenn der Laden der Seite ist.

/*Stop Interchange Background Images loading images*/ 

    $(".delay").each(function(){ 
     var img_src = $(this).attr('src'); 
     $(this).attr("data-src", img_src); 
     $(this).attr('src', ''); 
    }); 

/*Stop Interchange Background Images loading for DIVs and Slides*/ 

    $(".backImg").each(function(){ 
     var img_backImg = $(this).css('background-image'); 
     $(this).attr("data-src", img_backImg); 
     $(this).css('background-image',''); 
    }); 

Dann wird die src oder Hintergrundbild wird einmal die im hinzugefügt Alter berühren Sie das Ansichtsfenster. Das funktioniert gut, aber mein Problem ist jetzt, dass das Bild automatisch bei der Größenänderung erscheint.

so Wenn Interchange Daten src verwenden die URL zu ändern, kann ich die URL nehmen und fügen Sie ihn, wo ich brauche.

Hoffe, dass Sinn für jemanden, der mir helfen kann.

Vielen Dank!

Answer 1

Antwort auf meine eigene Frage:

fand ich eine nicht schöne Art und Weise, es zu tun, sondern arbeitet völlig in Ordnung:

Bearbeitung der foundation.js Datei:

Linie 6253:

this.$element.attr('src', path).load(function() { 

ersetzen:

this.$element.attr('data-original', path).load(function() { 

Linie 6259 (für Hintergrundbilder):

this.$element.css({ 'background-image': 'url(' + path + ')' }).trigger(trigger); 

Rempace:

this.$element.attr('data-original', path).load(function() { 
      _this.currentPath = path; 
      }).trigger(trigger);