DATEN-Attribut für Bild erstellt von src Bild

Question

Ich möchte zum Foto die Attribute "Daten-voll" und "Daten-Daumen" mit der Bildadresse hinzufügen. Also zum Beispiel:

<img data-full="images/photo.jpg" data-thumb="images/photo.jpg" src="images/photo.jpg"> 

Leider enden meine Versuche in einem Fehler.

Bitte helfen Sie mir.

Answer 1

Wenn Sie jQuery verwenden, dann können Sie es wie folgt tun:

Dies ist Ihre HTML

<img id="myPhoto" src="images/photo.jpg"> 

Dann in Ihrem jquery

$(#myPhoto).attr('data-full', 'images/photo.jpg'); 
$(#myPhoto).attr('data-thumb', 'images/photo.jpg'); 

Answer 2

ich mit der Antwort für die Verzögerung entschuldigen . Ich dachte, ich würde benachrichtigt werden, dass jemand etwas in das Thema geschrieben hat.

Ich möchte https://github.com/HemantNegi/jquery.sumogallery auf meiner Website implementieren. "Mein Versuch endet mit einem Fehler." Das heißt, ich kann nicht gut schreiben.

Nr Mein html ist:

... 
<li><img src="images/o6/photo.jpg"></li> 
<li><img src="images/o7/photo2.png"></li> 
<li><img src="images/23/image1245.jpg"></li> 
... 

Bild Adressen unterschiedlich sind, weil sie aus verschiedenen Verzeichnissen sind. Ich möchte das Ergebnis erhalten:

... 
<li><img data-full="images/o6/photo.jpg" data-thumb="images/o6/photo.jpg" src="images/o6/photo.jpg"></li> 
<li><img data-full="images/o7/photo2.png" data-thumb="images/o7/photo2.png" src="images/o7/photo2.png"></li> 
<li><img data-full="images/23/image1245.jpg" data-thumb="images/23/image1245.jpg" src="images/23/image1245.jpg"></li> 
...