Fancybox не работает в Foundation 6

Question

Я начинающий Фонд 6.

Я сделал сайт отзывчивым с Foundation 6. Fancybox через Processwire работал без сбоев. Теперь я реализовал F6, и нет больше fancybox.... Фотографии открываются на новой странице.

http://olikehrli.ch/galerie/

У кого-нибудь есть предположение, что может быть причиной? Это точно так же, как это было раньше, но теперь с фреймворком.... это должно быть что-то с F6.

Спасибо за любую помощь

Jakob

Это ссылки для 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    

Ссылка для fancybox в PHP

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