кнопка Закрыть не отображается в 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) находится в той же директории, что и файл fancybox css. Если проблема только в IE, тогда проверьте this thread

Answer 2

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

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

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

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

Answer 3

Я искал в Интернете в течение веков, потому что нет кнопки закрытия или любой из атрибутов FancyBox не показывал. Только для того, чтобы реализовать три вещи после экспериментов с инструментом для создания хрома (F12), это вызвало две вещи:

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

2) на CSS убедитесь, что его не URL: (blahblah) его просто URL (blahblah) означает не «:»

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

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