1

joomlaworksのシンプルな画像ギャラリープロを使用しています。そのcssにいくつかの変更を加えました。親指をページの一番下に配置し、横方向にスクロールできるようにしました。jScrollPane でスクロールバーを変更する必要があります。スクロールバーが表示され、正常に動作しますが、アクティブな場合、クリックしたときにメインの画像ビュー (大きい方) にサムが表示されません。

これは、jScrollPane が Thumb ul にいくつかの div を追加するためだと思いますが、JavaScript/jquery のスキルが限られているため、問題が発生している場所を実際に確認して解決することは困難です。

URL: http://goo.gl/9Dgq3

4

2 に答える 2

1

ビヘイビア 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');

    });
于 2012-05-18T13:18:11.613 に答える
1

はい、そうです、これは 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();
于 2012-05-18T12:53:08.350 に答える