Question

我正在使用http://codecanyon.net/item/smooth-zoom-pan-jquery-image-viewer/511142?ref=janecross的JQuery插件SmoothZoom和PrettyPhoto http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/来放大PrettyPhoto灯箱。

现在这在Firefox中可以正常运行一两个图像，但是图像没有加载，我得到一个PrettyBox错误：

'无法加载图片。确保路径正确并且图像存在'

通过Ajax加载内容。

奇怪的是，它可以在Firefox中停止工作，但在Safari中可以正常工作。加载到PrettyBox中的图像介于13和17 Mb之间。但是，如果我大幅减少这些尺寸似乎没有任何区别。

您可以使用Firefox在http://130.95.21.121/museum/search.php查看此内容。

然后 -

单击“系统”复选框，然后选择：

'泌尿生殖道和胎儿结构'然后从依赖菜单中选择肾脏。

在左侧div上，单击“T71.M35203”，然后单击右侧的图像。做同样的事情：

T71.M83132和T71.M410210

使用Safari重复...

search.php中的相关代码：

function setZoom (){
            $('#fullResImage').smoothZoom('destroy').smoothZoom();
        }

        function closeZoom (){
            $('#fullResImage').smoothZoom('destroy');
        }

        //Set your popup window size here (in pixels):
        var canvasWidth = 640;
        var canvasHeight = 480;

        $(".zoom_gallery a[rel^='prettyPhoto']").prettyPhoto({
            default_width: canvasWidth,
            default_height: canvasHeight,   
            autoplay_slideshow: false, /* true/false */
            opacity: 0.70, /* opacity of background black */
            theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
            modal: true, /* If set to true, only the close button will close the window */  
            overlay_gallery: false,
            changepicturecallback: setZoom,
            callback: closeZoom,
            social_tools: false,
            image_markup: '<div style="width:'+canvasWidth+'px; height:'+canvasHeight+'px;"><img id="fullResImage" src="{path}" /></div>',
            fixed_size: true,
            responsive: false,
            responsive_maintain_ratio: true,
            max_WIDTH: '',
            max_HEIGHT: ''
        });

图像链接是从另一个通过JSON / Ajax发回的php脚本加载的：

<ul class='zoom_gallery'><li><a href='specimen_media/" . $specimen . "/" . $row['image_large'] . "' rel='prettyPhoto' title=''><img src='specimen_media/" . $specimen . "/" . $row['image_small'] . "'></a></li></ul>

Answer 1

似乎在PrettyPhoto中有一个尺寸限制...一个5Mb的图像似乎工作正常。

JQuery SmoothZoom和PrettyPhoto - 图像并不总是在Firefox中加载

1 个答案: