我有一个页面,我将在其中加载几个不同大小的主图像;尽管不是所有的大图像都会立即加载。
场景是这样的..
我有一个滑块,其中包含所有较大图像的拇指;这些都是在页面加载时加载的。
默认的大图像在页面加载时加载,但其他大图像只有在用户单击该图像的缩略图,然后我按此方式替换大图像的src时才加载。
function changeMainImage(image) {
// Set big image
var big_image = image + '-big.png'
// Update main image url
jQuery('#main
我有一些简单的图像滑块,我做了。我有一个小图片列表,每当其中一个被点击时,我就用点击替换目标大图片的源(+一些用src操作从服务器获得大图片)。
现在我想在小图像上点击淡出大图像,当新图像加载时淡入。
使用此代码进行了尝试:
ul.find('img').click(function() {
$('#big_image')
.fadeOut()
.attr('src', this.src.replace('/small/', '/big/')) // Some other s
虽然熟悉fancybox之前已经成功地使用了很多次,但我遇到了一个问题-它正常地触发,大图像出现并分组,因为我intended..but no CSS样式根本没有。
脚本和css被包含在它们应该包含的位置(我已经仔细检查过了,但是你永远不会知道..)当你点击缩略图时,大图居中显示,然后向右移动。
似乎没有一个CSS类应用于fancybox元素,这可能会导致向右移动?以及明显缺乏样式的问题。通过web工具栏查看fancybox包装中应该是图像的样式信息,只显示以下内容:
html > div > div > div..etc.. > img
我不是javascript专