Галерея Fancybox со страницы Fancybox AJAX - PullRequest
Новая
       31

Галерея Fancybox со страницы Fancybox AJAX

0 голосов
/ 18 января 2012

Итак, я уже некоторое время пользуюсь Fancybox 2.0.4, но я только что нашел время для вставки картинок (это было открытие фреймов для flowplayer для видео).Я немного разочарован:

Мой сайт в основном состоит из одной страницы (это просто портфолио).Есть ссылки на «Видео» и «Картинки».Ссылка на картинки открывает диалоговое окно для фантазии на странице AJAX, которая в основном содержит гигантскую сетку (плавающие делители) всех картинок.В конце концов, он будет извлечен из базы данных, но сейчас я просто использую ассоциативный массив в PHP.Эта страница указателя миниатюр заполнена этим кодом 

<?php
// first, we'll grab our flat-file of pictures
include 'pics/pics_db.php';
foreach ($pics_array as $file => $title)
    {
    $img_info = getimagesize('pics/'.$file);
    if($img_info[0] >= $img_info[1]){$img_dim="width";}
    else{$img_dim="height";}
    echo '<div class="pic_div">';
    echo '<a class="fancybox-thumb" rel="gallery" href="pics/'.$file.'" title="'.$title.'">';
    echo '<img src="pics/thm/'.$file.'" '.$img_dim.'="200" alt="" /></a></div>';
    }

?>

При щелчке каждое изображение само по себе прекрасно открывается в фантастическом окне, но по какой-либо причине оно не открывается в виде галереи.У кого-нибудь есть какие-либо идеи?Вот скрипт для fancybox, и все три файла css и jss включены правильно. 

$(document).ready(function(){
    $(".fancybox-thumb").fancybox({
        prevEffect  : 'none',
        nextEffect  : 'none',
        helpers : {
            title   : {
                type: 'outside'
            },
            overlay : {
                opacity : 0.8,
                css : {
                    'background-color' : '#000'
                }
            },
            thumbs  : {
                width   : 50,
                height  : 50
            }
        }
    });
    $('.fancybox').fancybox({
        fitToView : false,
        width : '100%',
        height : '100%',
        autoSize : false        
    });
    $('.fancybox-fit').fancybox({
        fitToView : true,
        autoSize : true
    });
});

Вот сайт: zacharyteska.com

Спасибо!-ZeroDaHero

...