我想知道是否有人有任何简单的轻量级jQuery画廊的经验。
我对这个特定项目的要求非常简单,我已经真正尝试推出自己的代码,但这对初学者来说有点令人费解。
我有一个大的div加载初始图像。 随后是任意数量的缩略图图像,其中包含指向各自较大图像的链接。这些图像都具有相似的宽度,但具有不同的高度。
我想点击缩略图,让大图像div淡出图像,将高度设置为新图像(当然是动画),然后淡入新图像。
我已经玩过将不透明度设置为1%来给出这种错觉,因为将不透明度设置为0似乎完全崩溃了div。
它不需要有幻灯片或任何功能,但发生的事情有时主要的div会崩溃。
这是我的代码
$('.clickedimage').click(function() {
var newhref = $(this).attr('href'); // sets the variable for the new link
var curheight = $('.bigpic').height(); //gets the current height
$('.bigpic').attr('style', "height:"+curheight+"px" );
$('#largeimage').fadeOut('slow', function(){
$('#largeimage').attr('src',newhref);
$('#largeimage').fadeTo('fast', 0.01, function(){
var aheight = $('#largeimage').height();
$('.bigpic').animate({
height: aheight+'px'
}, 500, function(){
$('#largeimage').fadeTo('slow',1);
});
});
});
return false; // do not follow through with the links and disable them
});
答案 0 :(得分:0)