У меня есть эскизы на странице, как таковые:
<div id="credits">
<a href="largeimage1.jpg" alt="credits1.php"><img src="thumb1"></a>
<a href="largeimage2.jpg" alt="credits2.php"><img src="thumb2"></a>
<a href="largeimage3.jpg" alt="credits3.php"><img src="thumb3"></a>
</div>
<div id="zoom"></div>
<div id="credits"></div>
Я хочу сделать следующее:
- пользователь нажимает thumb1> largeimage1 загружается в #zoom И credits1.php загружается в # credits
- пользователь нажимает thumb2> largeimage2 загружает в #zoom И credits2.php загружает в # credits
- и т.д.
Возможно ли это с помощью jquery? то есть. Можно ли сделать ДВА (2) AJAX-вызова на одной и той же странице одним кликом, как показано выше?
В настоящее время у меня есть следующий код, работающий для ajax-вызова LARGE image:
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
var largePath = $(this).attr("href");
$("#zoom img").fadeOut("slow", function() {
$(this).attr({ src: largePath }).fadeIn("slow");
});
return false;
});
});
</script>
и это работает как шарм - но теперь у меня есть ситуация, когда я хотел бы загрузить кредиты для изображений в другом div.
Любая помощь очень ценится. :)