2

この問題を解決するために何時間も費やしましたが、解決策が見つかりませんでした。私はjavascriptが初めてなので、よくわからないことがたくさんあります。私は基本的に一種のフランケンシュタイン コードを作成していますが、すべて正常に動作しています。コンテンツホバーを実装するまで...

ここに問題があります: 私は prettyPhoto と contenthover を使用して Dreamweaver で Web サイトを構築しています。1 つのページで、両方のプラグインが機能しています。contenthover から prettyPhoto をトリガーするボタンが必要ですが、実際には実行されますが、何らかの理由でギャラリーの最初の画像が複製されます。contenthover を実装する前はすべて問題なかったので、これは本当に奇妙です。（同じギャラリーに2つのトリガーがあり、コンテンツがホバーするまで問題なく機能しました）。

この問題を解決する方法があるに違いないと確信していますが、それは私の認識を超えています。

（私の母国語はスペイン語なので、何か間違ったことを書いているかもしれませんし、書いていないかもしれません...へへ）

よろしくお願いします...誰かが私を助けてくれることを願っています!

ああ、私のコードは

    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme:'light_rounded',
            social_tools:false,
            deeplinking:false,
            <!-- Temas : light_square, light_rounded, dark_square, dark_rounded, facebook-->

    });
});


$(function(){
    $('.myimage').contenthover({
        overlay_background:'#000',
        overlay_opacity:0.8,
        overlay_width:200,
        overlay_height:200,
        onshow: function(){
                $('[rel^="prettyPhoto"]').prettyPhoto({'theme': 'light_rounded',social_tools:false, deeplinking:false,});
    },
        onhide: function(){
                $('[rel^="prettyPhoto"]').prettyPhoto({'theme': 'light_rounded',social_tools:false, deeplinking:false,});
    }
});
});
4

1 に答える 1

0

rel='prettyPhoto' を使用して同じ画像への 2 つの明示的なリンク/トリガーがあるため、その画像がギャラリーに 2 回表示されます。これを解決するには、次のようなSO の質問を行うことができます。

<button id="startPrettyPhoto">Open Gallery</button>

次に、JavaScript セクションに以下を追加します。

$("#startPrettyPhoto").click(function() {
  $("a[rel^='prettyPhoto']:first").click()
});
于 2014-08-12T20:11:00.290 に答える