我有一些缩略图,页面上有一个相机图标和一个主图像,目前你单击缩略图,主图像淡出,缩略图的全尺寸版本淡入 .
现在,如果用户点击相机图标,则完整图像应淡出并且swf视频应淡入,我该如何实现?
这是我用于图像的当前代码:
$('a.thumbnail').click(function(){
var src = $(this).attr('href');
if (src != $('img#full_image').attr('src').replace(/\?(.*)/,'')){
$('img#full_image').stop().animate({
opacity: '0'
}, function(){
$(this).attr('src', src+'?'+Math.floor(Math.random()*(10*100)));
}).load(function(){
$(this).stop().animate({
opacity: '1'
});
});
}
return false;
});
2 回答
对,所以这是我正在使用的代码:
这将使大多数人大致开始 . 您可能希望为大型图像或预加载器创建某种加载 .
此代码只是切换图像/ swf它不是
fadeIn
/fadeOut
(因为闪存文件) . 当我得到一些时间时,我可能会尝试通过覆盖白色图像来创建效果(我使用的背景为白色)并增加其不透明度等 .谢谢