0

初めてここに投稿しますが、時々いくつかの投稿をフォローしています。だから、みなさん、こんにちは。

オンラインなどの答えが見つからないという簡単な質問がありました。テンプレートを分解して、サイトを再構築し、1ページだけにして、非表示のサブページを呼び出すリンクを作成しました。シンプルにするなど。

しかし、情報用の元の.pngファイルではなく、ギャラリー内の画像リンクがページをポップアップできるようにするという問題が発生しています。.pngルートが好きですが、外部ページやビデオなどへのリンクなどを配置する必要があるため、.pngファイルではなく、サブページへの画像リンクが必要です。

これが実際のテンプレートへのリンク[.zipat3.4mb]で、ダウンロードして試してみて、私が何を意味するのかを確認できます。 http://www.smokingbunny.co.uk/downloads/cream%20template.zip

幸運なことに、それは簡単なことです。しかし、私は今何をすべきかわからない。答えを見つけてルートをテストするのにしばらく時間を費やしましたが、運がありませんでした。だからこれが私が尋ねる理由です。

事前に回答ありがとうございます

ルイスエドワーズ

喫煙バニー.co.uk

4

1 に答える 1

0

まず、ライトボックスプラグインを無効にして、画像をクリックしてその機能を実行できないようにする必要があります。

$('#img_slider li .pic').fancybox({'titlePosition': 'inside', 'overlayColor':'#000'});削除line 88またはコメントアウトscripts.js

次に、現在のpicHold divを使用して、サブページにリンクできます。ID / href（リンクする場所）を追加して、アンカーをリンクします。

    <div class="picHold">
<a id="mySubpage" class="pic" rel="Appendix" href="#!/mySubpage"><span class="zoomSp"></span><img src="images/galleryIcon1.jpg" alt=""></a>
</div>

次に、他のコンテンツコンテナ（li）をコピーして、新しく作成したIDを指定します。

例えば

            <li id="mySubpage">
                   <div class="box">
                        <div class="closePlane">
                            <a class="closeButton" href="#!/pageGallery"><img src="images/closeIcon.png" alt=""></a>
                     </div>
                    <div class="containerContent">
                    <h2>Subpage Policy</h2>
                        <div class="col1">
                            <div class="Btns1">
                                <a href="#" class="upBtn"></a>
                                <a href="#" class="downBtn"></a>
                            </div>
                            <div class="scroll1">

                                <p class="padBot4">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                                <p class="padBot4">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. Duis autem vel eum iriure dolor in hendrerit.</p>
                                <p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                            </div>
                        </div> 
                    </div>
               </div>
            </li>

そして、あなたは行ってもいいです！テスト済み/動作します。

于 2013-01-18T23:36:44.330 に答える