Question

所以我有一个使用GalleryView 1.1 here的页面。我喜欢这些行为，但最左边项目的onclick事件不会因为某种原因而触发。

我还从GoogleCode页面抓取了2.1版本;作者在http://spaceforaname.com/的页面已经消失了。所以here is a page实施2.1。

由于2.1有很多我讨厌的行为，似乎完全阻止了我的onclick事件，我想在v1页面中解决最左边项目的问题。

我已阅读了代码，但未能找到干扰内容。

该功能如下所示：

 $('.myslides').click(function() {
    //alert($(this).attr('alt'));
     $('#big_pic').attr("src", $(this).attr('alt'));
     return false;
  });

和这样的项目

<li><img src='g/weddings/slides/1.jpg' width='165' height='110' alt='/g/weddings/slides/1_big.jpg' class='myslides'/></li>

我已经尝试将class属性移动到LI，并且还在图像周围添加了一个锚点并为其提供了类，但这些都没有明显的效果。

//编辑 page validates是的，我知道大图片很模糊。不要从GD那里得到它们所以最好我伸展拇指。

有没有人知道我应该如何进行调试？

Answer 1

因此，在检查有问题的元素时，我发现工作缩略图都是图像元素，但是非工作的第一个缩略图是一个id为“指针”的div。

由于作者的网站文档已经消失，我可以说我的幻灯片幻灯片中有什么函数#pointer，但是在第319行的jquery.galleryview-1.1.js中，我在JS CSS中将其宽度更改为1px，这解决了阻碍onclick的问题。 #pointer可能有一个我没有在这里使用的功能。无论如何，这个问题已经解决了。

宽度先前已设为

'width':opts.frame_width-pointer_width+'px',

现在设置为

pointer.attr('id','pointer').appendTo(j_gallery).css({
                 'position':'absolute',
                 'zIndex':'1000',
                 'cursor':'pointer',
                 'top':getPos(j_frames[0]).top-(pointer_width/2)+'px',
                 'left':getPos(j_frames[0]).left-(pointer_width/2)+'px',
                 'height':opts.frame_height-pointer_width+'px',
                 '1px',
                 'border':(has_panels?pointer_width+'px solid '+(opts.nav_theme=='dark'?'black':'white'):'none')
            });

还尝试添加display：none但这会导致动画不稳定。

onclick不会在GalleryView 1.1中的第一个项目中触发

1 个答案: