| |
|
|
| | Прошу помощи, так как не разбираюсь в java вообще.
Вот пример кода страницы.
Есть карусель с превьюшками, нужно, что бы при клике на картинку в карусели, она открывалась в блоке с id "large"
Но клик не обрабатывается и картинка открывается не в блоке, а просто на чистой странице.
Я подозреваю, что не обрабатывается вывод
$("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});
|
А возможно и даже обработка клика
$("#mycarousel li a").click(function(){
$("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});
$("#large h2").html($("> img", this).attr("title"));
return false;
});
|
Помогите пожалуйста.
Весь код:
<html>
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript">
function mycarousel_itemLoadCallback(carousel, state)
{
// Check if the requested items already exist
if (carousel.has(carousel.first, carousel.last)) {
return;
}
jQuery.get(
'dynamic_ajax_php.php',
{
first: carousel.first,
last: carousel.last
},
function(xml) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
},
'xml'
);
};
function mycarousel_itemAddCallback(carousel, first, last, xml)
{
carousel.size(parseInt(jQuery('total', xml).text()));
jQuery('image', xml).each(function(i) {
carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
});
};
function mycarousel_getItemHTML(url)
{
return '<a href="' + url + '"><img src="' + url + '" width="120" height="80" alt="" /></a>';
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
wrap: 'last',
// itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
itemLoadCallback: mycarousel_itemLoadCallback
});
//обработка клика
$("#mycarousel li a").click(function(){
$("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});
$("#large h2").html($("> img", this).attr("title"));
return false;
});
//вывод в блок
$("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});
});
</script>
</head>
<body>
<div id="large"><!-- сюда нужно вывести большую картинку при клике в карусели-->
<a href=""> <img src="" /></a>
</div>
<div id="mycarousel" class="jcarousel-skin-ie7">
<ul>
<!-- здесь динамически подгружаются превьюшки в карусель -->
</ul>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: XoLoD
(11.10.2011 в 10:17)
| | | >>>> динамически подгружаются превьюшки в карусель
$("#mycarousel li a").live("click",function(){ }) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.10.2011 в 11:15)
| | | Спасибо. | |
| |
|
|
