Кнопка закрытия не отображается в FancyBox 1.3.4

Question

Я использую этот фрагмент кода:

    <script type="text/javascript"> 
   $(document).ready(function() {
    $.fancybox(
        '<h2>Welcome!</h2><p> We are growing, so invite your friends!</p>',
        {
            'autoDimensions'    : false,
            'showCloseButton'   : true,
            'width'             : 350,
            'height'            : 'auto',
            'transitionIn'      : 'elastic',
            'centerOnScroll'    : 'true',
            'transitionOut'     : 'elastic'

        }
    );
});
</script>

По какой-то причине кнопка закрытия не появляется.Что не так?

Answer 1

Убедитесь, что файл "fancybox.png" (который содержит изображения спрайтов fancybox) находится в том же каталоге, что и файл css fancybox. Если проблема только с IE, то проверьте этот поток

Answer 2

Для меня не отображается, когда всплывающее окно открывается как слой, но работает при открытии как iframe.

Попробуйте это в своем CSS:

#fancybox-close {
    display:inline !important;
}

Работает для меня ...

Answer 3

Я искал в Интернете целую вечность, потому что не отображалась кнопка закрытия или какой-либо атрибут fancybox. Только чтобы понять три вещи после эксперимента с Chrome Developer Tool (F12), две причины вызвали это:

1) файлы fancybox помещаются в подпапку, в результате чего URL-адрес не совпадает, поэтому я просто вынул папку fancybox из подпапки с именем JS, в которую я ее положил, и просто оставил ее в основной корневой папке

2) на css убедитесь, что это не url: (бла-бла), это просто url (бла-бла), что означает нет ":"

3) например, указание только с помощью url (fancybox_sprite.png) работает без добавления полного пути, потому что полный путь не работал по какой-то странной причине

Надеюсь, это кому-нибудь поможет!