1

我是Foundation 6初学者。

我使用 Foundation 6 制作了一个响应式网站。通过 Processwire 的 Fancybox 运行顺利。现在我已经实现了 F6，并且没有更多的花式框....照片在新页面中打开。

http://olikehrli.ch/galerie/

有没有人建议原因可能是什么？它和以前完全一样，但现在有了框架……它必须是 F6 的东西。

谢谢你的帮助

雅各布

这些是标题中 Fancybox 的链接

<!-- Add fancyBox -->
<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->te

PHP中fancybox的链接

<div class="row">
    <div class="small-12 large-7 medium-8 medium-push-1 columns" id="bg" >


                <!--        BILDERGALLERIE MIT PHP      -->

        <? echo $page->seitenname; ?>

        </br>
        </br>
        </br>


            <?php

        foreach($page->bildergalerie as $image) {
        $thumbnail = $image->size(180,180);
        echo "<a href='{$image->url}'  class='fancybox' rel='group' title='{$thumbnail->description}'><img src='{$thumbnail->url}' alt='{$thumbnail->description}'  ></a>";
        }

        ?>          

    </div>



        <!-- <div class="sidebar"> -->
 <div class="small-12 large-5 medium-4  columns" id="bg" >

            <? echo $page->sidebar; ?>

    </div>  


</div>

这是在html的底部

<script type="text/javascript">
   $(document).ready(function() {
      $(".fancybox").fancybox();
   });
</script>



  </body>
</html>
4

0 回答 0