Я очень новичок в Jquery и Ajax, поэтому, пожалуйста, будьте добры.Я делаю запрос к серверу, используя jquery $ .ajax, ajax извлекает изображение из идентификатора изображения, хранящегося на сервере / базе данных, когда пользователь нажимает на миниатюру, для которой есть загрузки.Все работает отлично, за исключением следующего кода, я могу только один раз щелкнуть по любому из уменьшенных изображений, чтобы загрузить большую картинку из базы данных, после этого никакие другие уменьшенные изображения не работают.Кто-нибудь может помочь?
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
function getimage(data){
var img = new Image();
$(img).load(function(){
$(img).hide();
$.ajax({
type: "GET",
url: "name.php?",
data: "name=" + data,
success: function(){
$("#loader").removeClass("loading").append(img);
$(img).fadeIn("slow");
}
});
}).attr("src", data +".jpg");
}
</script>
</head>
<body>
<h1>Image Loading</h1>
<div id="loader" class="loading">
</div>
<a href="name.php?name=image1" id="image1" onclick="getimage('image1'); return false;"/><img src="image1_th.jpg" /></a>
<a href="name.php?name=image2" id="image2" onclick="getimage('image2'); return false;" /><img src="image2_th.jpg" /></a>
<a href="name.php?name=image3" id="image3" onclick="getimage('image3'); return false;"/><img src="image3_th.jpg" /></a>