0

第一次在这里发帖，虽然时不时关注一些帖子。所以，大家好。

有一个快速的问题，我还没有找到在线等的答案。我有一个模板我正在拆开，用它来重新构建我的网站，让它只有一个页面，带有调用隐藏子页面的链接。保持简单等。

但我遇到了一个问题，即允许图库中的图片链接弹出页面，而不是原始的 .png 文件以获取信息。我喜欢 .png 路线，但我需要放置外部页面和视频等的链接，因此需要指向子页面的图片链接，而不是 .png 文件。

这是一个链接 [.zip at 3.4mb] 到实际模板，您可以下载并使用它来了解我的意思。 http://www.Smokingbunny.co.uk/downloads/cream%20template.zip

很可能，我的运气，这很容易。但我只是看不出现在该做什么。花了一段时间寻找答案和测试路线，但没有运气。所以这就是我问的原因。

感谢您提前提供任何答案

刘易斯·爱德华兹

吸烟兔网

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 回答