1

私は jQuery resize plugin Plugin hereを使用しています。画像上で正常に動作します。

しかし、ギャラリーGallerifficに適用しようとしています

問題は、メインの画像がラップされて<a>おり、クラスを<a>タグに追加するとサイズ変更が機能しないことです。

助言がありますか？

ここに私のマークアップがあります:

<li>
<a class="thumb resize2" name="imagen1" href="images/400x400-1.jpg" title="imagen1">
<img class="resize1" src="images/400x400-1.jpg" alt="Title #0" />
</a>
</li>
<li>
<a class="thumb resize2" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
<img class="resize1" src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
</a>
<div class="caption">
Any html can be placed here ...
</div>
</li>

スクリプトは次のとおりです。

<script>
$(function() {
    $( ".resize1" ).aeImageResize({ height: 70, width: 70 });
    $( ".resize2" ).aeImageResize({ height: 10, width: 10 });
});
</script>

サイズ変更スクリプトは完璧ですが、機能させるにはそれが必要です<a>

PD 私は jQuery とスクリプティング全般の初心者です。

更新:ブラウザに表示されるスクリーンショットは次のとおりです。 コードのスクリーンショット

これは、galleriffic.js ファイルの一部です。

var newSlide = this.$imageContainer
                    .append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'">&nbsp;</a></span>')
                    .find('span.current').css('opacity', '0');

                newSlide.find('a')
                    .append(imageData.image)
                    .click(function(e) {
                        gallery.clickHandler(e, this);
                    });

アドバンスリンククラスの広告です。

問題は、事前にクラス コンテナーでイメージにクラスを追加するにはどうすればよいかということです。私は自分自身を正しく表現したことを願っています。

ありがとうございました、

4

1 に答える 1

0

現在表示されている画像を選択するには、次のようにします (スライドショーには一度に 1 つの画像しかありません)。

$("div#slideshow img")

ただし、ギャラリーの「メイン」画像のサイズを変更するには、次の要素の幅と高さも設定する必要があります。

$("div#slideshow a.advance-link")
// and also the parent element of $("div#slideshow") which I can't see in the screenshot you attached.

ギャラリーの構築元である < a > 要素に「サイズ変更」機能を追加しても、ギャラリーの画像には影響しません。

于 2013-05-01T07:28:56.540 に答える