Exportieren eines src-Attributs mit einem anderen src-Attribut über jQuery - jquery, attributes, src

Ich muss Bilder und möchte die src-Attribute der Bilder ändern, wenn man darauf klickt:

Vor:

<img src="/images/1.jpg" class="image1" />
<img src="/images/2.jpg" class="image2" />

Nach dem Klicken auf Bild 1 oder 2:

<img src="/images/2.jpg" class="image1" />
<img src="/images/1.jpg" class="image2" />

Ich kann den Quellcode des angeklickten Bildes ändern, aber ich scheine nicht in der Lage zu sein, das ursprüngliche Quellcode-Attribut in irgendeiner Weise zu speichern, um es an das andere Bild weiterzugeben.

Vielen Dank!

Antworten:

Sie werden es nicht glauben, aber Sie können es in einer dritten Variablen speichern !!

var img1 = $(".image1"),
img2 = $(".image2");

var originalSrc = img1.attr("src");

img1.attr("src", img2.attr("src"));
img2.attr("src", originalSrc);

$("#Id").click(function(){
$(".image1").attr("src","2.jpg");
$(".image2").attr("src","1.jpg");
});

Sie können dies folgendermaßen tun:

$(".image1 , .image2").click(function() {
if ($(this).prev().length) {
temp = $(this).attr("src");
$(this).attr("src", $(this).prev().attr("src") );
$(this).prev().attr("src",temp);
} else {
temp = $(this).attr("src");
$(this).attr("src", $(this).next().attr("src") );
$(this).next().attr("src",temp);
}
});

Mit jQuery können Sie Folgendes tun. Weitere Infos finden Sie hier:

http://jquery.com

<script type="text/javascript" src="/images/jquery-1.8.0">
$(function(){
$("img").click(function(){
$(this).closest("img").attr("src",$(this).attr("src"));
});
});
</script>

Hoffe das hilft dir raus.