我正在使用 joomlaworks 的简单图片库专业版。我对它的css做了一些修改。我将拇指放在页面底部并水平滚动。现在我需要用 jScrollPane 更改滚动条。滚动条出现并且工作正常,但是当它处于活动状态时,单击时拇指不会出现在主图像视图(较大的视图)中。
我认为这是因为 jScrollPane 将一些 div 附加到拇指 ul,但我有限的 javascript/jquery 技能使得很难真正看到问题发生在哪里并解决它。
网址:http: //goo.gl/9Dgq3
我正在使用 joomlaworks 的简单图片库专业版。我对它的css做了一些修改。我将拇指放在页面底部并水平滚动。现在我需要用 jScrollPane 更改滚动条。滚动条出现并且工作正常,但是当它处于活动状态时,单击时拇指不会出现在主图像视图(较大的视图)中。
我认为这是因为 jScrollPane 将一些 div 附加到拇指 ul,但我有限的 javascript/jquery 技能使得很难真正看到问题发生在哪里并解决它。
网址:http: //goo.gl/9Dgq3
是的,你说得对,这是因为 jscrollpane 添加了额外的 div。
要解决此问题,您需要在/lvj/plugins/content/jw_sigpro/jw_sigpro/tmpl/Galleria/js/behaviour.js
文件中进行更改:
查找线:
var outerContainer = el.parent().parent().parent().parent().parent();
并将其更改为:
var outerContainer = el.parent().parent().parent().parent().parent().parent().parent();
将行为 js 文件更新为
$K2('.sigProGalleriaLink').click(function(event){
console.log("here");
event.preventDefault();
// Prevent clicks upon animation
if($K2(':animated').length) return false;
// Assign element
var el = $K2(this);
// Parent container
var outerContainer = el.parent().parent().parent().parent().parent();
var placeholderContainer = $K2(".sigProGalleriaPlaceholderContainer div:first");
console.log(outerContainer );
console.log(placeholderContainer);
// Placeholder elements
var targetLink = placeholderContainer.find("a:first");
console.log(targetLink );
var targetTitle = placeholderContainer.find("p:first");
console.log(targetTitle );
var targetImg = targetLink.find("img:first");
console.log(targetImg );
// Source elements
var sourceLinkHref = el.attr("href");
console.log(sourceLinkHref );
var sourceLinkTitle = el.attr("title");
console.log(sourceLinkTitle );
var sourceImage = el.find("img:first");
console.log(sourceImage );
if(targetLink.attr("href")!==sourceLinkHref){
console.log("should do the animation");
if(el.find("span:nth-child(2)")){
var sourceTitle = el.find(".sigProCaption").html();
} else {
var sourceTitle = false;
}
placeholderContainer.animate({'opacity':0},300,function(){
targetImg.attr("src",sourceLinkHref);
var counter = 0;
targetImg.load(function(){
if (counter++ == 0) {
targetImg.attr("title",sourceImage.attr("title"));
targetImg.attr("alt",sourceImage.attr("alt"));
targetLink.attr("href",sourceLinkHref);
targetLink.attr("title",sourceLinkTitle);
if(targetTitle.hasClass('sigProGalleriaTargetTitle') && sourceTitle) targetTitle.html(sourceTitle);
placeholderContainer.animate({'opacity':1},600);
}
});
}); //.delay(500).animate({'opacity':1},300);
}
// Set class for current thumb
var thumbs = outerContainer.find("ul:first").find("a");
thumbs.each(function(){
if($K2(this).hasClass('sigProLinkSelected')){
$K2(this).removeClass('sigProLinkSelected');
}
});
el.addClass('sigProLinkSelected');
});