2015-05-21 46 views
-2

问题,我有一个图片库,这个问题是这样的: 我从照片库2片(汽车和罗马尼亚)对我的“图片库”页面。基本上,当你点击一个缩略图时,它应该打开图片,你可以看到它。但在第二个标签上,当您点击前10个缩略图时,它会从第一个标签中打开图片。标签和照片库与HTML网站

的照片库可以发现here

我试图改变链接到HTML的照片,但它仍然显示第一标签图像(仅用于第二个选项卡上的第10个图像)。

的照片库是由有JS,我不知道JS的。

任何帮助将不胜感激。谢谢!

+1

在HTML一切看起来好。它必须是脚本的东西,所以你必须为我们提供它们的代码。那么我们可能会找到解决方案。 –

+0

感谢您的评论。脚本可以在这里找到[链接](http://www88.zippyshare.com/v/8bKNglFJ/file.html)该脚本被称为slippry。我认为这是正确的。 –

回答

0

您应该在您的问题中提供源代码,而不是让用户搜索它。 顺便说一句,你的错误来自于gallery/photo-gallery.js线20:

$('a.controls').trigger('click'); 

删除它,你会看到右像,直到你点击nextprev。 这是因为上线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'); 
+0

谢谢你的回答。我在这里上传了photo-gallery.js [链接](http://www65.zippyshare.com/v/re1vcZ94/file.html)我添加了这一行代码,并且第一个图像正在工作。但如果我点击“下一步”,它会给我第四张图片。同样,如果我点击第10张图片并点击“nect”,它会给我第4张图片。 –

+0

我用'4'作为测试变量,忘记用'index'替换它。 – mrnfrancesco

+0

谢谢你帮助我。我用'index'替换了'4',网站通过'Internal Server Error'进入[link](http://c.sitagabriel.com/4) - 为什么会出现这个错误? –