Разгъване на един атрибут src с друг атрибут src чрез jQuery - jquery, атрибути, src

Трябва да изображенията и бих искал да превключвам src атрибутите на изображенията, когато кликнете върху човек:

Преди:

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

След като щракнете върху изображение 1 или 2:

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

Мога да променя src на щракнатото изображение, но изглежда не мога да съхраня оригиналния src-атрибут по никакъв начин, за да го предам на другото изображение.

Благодаря!

Отговори:

Вие не вярвате, но можете да го съхраните в 3-та променлива !!

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");
});

Можете да го направите по следния начин:

$(".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);
}
});

Можете да направите следното с jQuery. Повече информация можете да намерите тук:

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>

Надявам се това да ви помогне.