问题,我有一个图片库,这个问题是这样的: 我从照片库2片(汽车和罗马尼亚)对我的“图片库”页面。基本上,当你点击一个缩略图时,它应该打开图片,你可以看到它。但在第二个标签上,当您点击前10个缩略图时,它会从第一个标签中打开图片。标签和照片库与HTML网站
的照片库可以发现here。
我试图改变链接到HTML的照片,但它仍然显示第一标签图像(仅用于第二个选项卡上的第10个图像)。
的照片库是由有JS,我不知道JS的。
任何帮助将不胜感激。谢谢!
问题,我有一个图片库,这个问题是这样的: 我从照片库2片(汽车和罗马尼亚)对我的“图片库”页面。基本上,当你点击一个缩略图时,它应该打开图片,你可以看到它。但在第二个标签上,当您点击前10个缩略图时,它会从第一个标签中打开图片。标签和照片库与HTML网站
的照片库可以发现here。
我试图改变链接到HTML的照片,但它仍然显示第一标签图像(仅用于第二个选项卡上的第10个图像)。
的照片库是由有JS,我不知道JS的。
任何帮助将不胜感激。谢谢!
您应该在您的问题中提供源代码,而不是让用户搜索它。 顺便说一句,你的错误来自于gallery/photo-gallery.js
线20:
$('a.controls').trigger('click');
删除它,你会看到右像,直到你点击next
或prev
。 这是因为上线34 jQuery选择错误的:
var src = $('ul.row li:nth-child('+ index +') img').attr('src');
有了这个选择你是不是在正确的标签看,但只是第一个结果,那obviuously来自第一个标签。
EDIT(加液)
为了解决你的问题:
更换
$(document).on('click', 'a.controls', function(){
与
$(document).on('click', 'a.controls', function(event){
event.preventDefault();
和
var src = $('ul.row li:nth-child('+ index +') img').attr('src');
与
var activeTabSelector = $('#myTab li.active a').attr('href');
var src = $(activeTabSelector).find('ul li:nth-child('+ index +') img').attr('src');
谢谢你的回答。我在这里上传了photo-gallery.js [链接](http://www65.zippyshare.com/v/re1vcZ94/file.html)我添加了这一行代码,并且第一个图像正在工作。但如果我点击“下一步”,它会给我第四张图片。同样,如果我点击第10张图片并点击“nect”,它会给我第4张图片。 –
我用'4'作为测试变量,忘记用'index'替换它。 – mrnfrancesco
谢谢你帮助我。我用'index'替换了'4',网站通过'Internal Server Error'进入[link](http://c.sitagabriel.com/4) - 为什么会出现这个错误? –
在HTML一切看起来好。它必须是脚本的东西,所以你必须为我们提供它们的代码。那么我们可能会找到解决方案。 –
感谢您的评论。脚本可以在这里找到[链接](http://www88.zippyshare.com/v/8bKNglFJ/file.html)该脚本被称为slippry。我认为这是正确的。 –