таинственный пробел вокруг SWF в fancybox - PullRequest
Новая
       26

таинственный пробел вокруг SWF в fancybox

0 голосов
/ 13 марта 2012

У меня есть swf в iframe, который я показываю в fancybox.Он отлично смотрится на моем локальном сервере, но имеет дополнительные пробелы при просмотре онлайн с помощью FF10.Псих!Тот же код, тот же браузер, другой сервер ??Никогда такого раньше не было.

Редактировать: После некоторых полезных советов я обнаружил, что онлайн-версия (по ссылке ниже) также отлично выглядит в Chrome.Так что проблема, похоже, связана с Firefox ... Я попытался очистить кеш, перезапустить и добавить версию в файл swf.html? Ver = 3 в ссылке iframe.

Почему эта страница выглядит по-разному в FF при просмотре на localhost по следующей ссылке?!

Демонстрация здесь: http://memelab.com.au/flipbook/index.html

Я хочу, чтобы swf (альбом флипбука) точно соответствовал div .fancybox-inner, без пробелов по краям swf.Сами изображения имеют пробел (я только что добавил красный край к первым страницам, который можно увидеть сверху и по бокам - нижняя часть обрезана), но края swf можно увидеть по тени между страницами и там, гдеуглы страницы поднимаются.

У меня были большие проблемы с обрезкой пустого пространства, и я обнаружил, что помещение swf в iframe дает мне лучшие результаты, потому что я могу указать scale = "noScale" в параметрах объекта.

У меня были проблемы с отслеживанием проблем в Firebug, потому что есть очень много перекрывающихся свойств высоты / ширины, поэтому успех был в значительной степени методом проб и ошибок.Просто не понимаю, почему при загрузке все по-другому!

Мой сценарий: 

$(document).ready(function() {
    $("a.various").fancybox({
        width       : 1008,
        height      : 792,
        minWidth    : 1048,
        minHeight   : 832,
        autoSize    : false,
        padding     : 20,
        wrapCSS     : 'pageflip'

    });
});

и объект внутри swf.html: 

<object width="1008px" height="792px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">

<param name="scale" value="noScale" />
<param name="salign" value="TL" />

<param value="transparent" name="wmode">
<param value="true" name="allowfullscreen">
<param value="always" name="allowscriptaccess">
<param value="pageflip.swf" name="movie">

<embed width="1008px" height="792px" wmode="direct" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="pageflip.swf" scale="noScale"></object>

Я думал, что это можетбыть проблемой кеширования (старый код), но поставить? ver = 2 в конце не работает для меня.

Я в тупике ... Есть предложения?Спасибо, Тим

(для записи, я запускаю файл с локального хоста (XAMPP) и на сервере LAMP при загрузке.)

Ответы [ 2 ]

0 голосов
/ 13 марта 2012

Если я правильно вас понимаю, ваша проблема - это изображение 4.jpg http://memelab.com.au/flipbook/pages/4.jpg - в нем фактически есть все эти пробелы внутри самого изображения - что делает iframe выше, чем он широкий.Кроме этого, я не вижу пробелов вокруг вашего флэш-фильма.

0 голосов
/ 13 марта 2012

Не уверен, правильно ли я вас понял, но вы этого хотите? 

$(document).ready(function() {
    $("a.various").fancybox({
        width       : 1008,
        height      : 792,
        minWidth    : 1008,
        minHeight   : 792,
        autoSize    : false,
        padding     : 0,
        wrapCSS     : 'pageflip'

    });
});
...