Fancybox не стреляет - PullRequest
       4

Fancybox не стреляет

0 голосов
/ 29 февраля 2012

Я создаю простую галерею, и fancybox, похоже, не запускается, и я понятия не имею, почему, я использовал его раньше на других сайтах и ​​работает нормально:

doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

script, вызовы css и js - источники сценариев хорошо проверены

<link href="../js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script src="../js/fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>
<script src="../js/fancybox/jquery.fancybox-1.3.4.js" type="text/javascript"></script>

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

            $("a[rel=gallery]").fancybox({
            'autoScale' : true,
            'transitionIn' : 'fade',
            'transitionOut' : 'fade'
                }
            });

        });
</script>

и php, который я использую для создания превью из папки, а также href для вызова fancybox

$files = glob("../gallery/gallery/*.*"); 

for ($i=1; $i<count($files); $i++) 
{
 $num = $files[$i]; echo '<a class="fancybox" rel=gallery href="'.$num.'">
 <img src="'.$num.'" class="gallery_img" alt="random image"></a>'; 
 } 

это рендеринг HTML с фактической страницы:

<a class="fancybox" rel="gallery" href="../gallery/gallery/cat.jpg">
<img src="../gallery/gallery/cat.jpg" class="gallery_img" alt="random image">
</a>
<a class="fancybox" rel="gallery" href="../gallery/gallery/flypike.jpg">
<img src="../gallery/gallery/flypike.jpg" class="gallery_img" alt="random image">
</a>
<a class="fancybox" rel="gallery" href="../gallery/gallery/zandrb.jpg">
<img src="../gallery/gallery/zandrb.jpg" class="gallery_img" alt="random image"></a>    

Ответы [ 2 ]

1 голос
/ 29 февраля 2012

Удалить лишние } после 'transitionOut' : 'fade'

0 голосов
/ 29 февраля 2012

Консоль обнаружила полную синтаксическую ошибку, большое спасибо за предложение, никогда не использовала ее раньше:

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

        $("a[rel=gallery]").fancybox({
        'autoScale' : true,
        'transitionIn' : 'fade',
        'transitionOut' : 'fade'
            } // shouldn't be there
        });

    }); // shouldn't be there
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...