Переполнение скрыто и конфликт JQuery в Chrome и Safari - PullRequest
Новая
       23

Переполнение скрыто и конфликт JQuery в Chrome и Safari

1 голос
/ 07 декабря 2011

Я искал везде и не могу найти решение для этого.

Я использую слайдер jQuery Cycle на сайте.Он используется внутри div, который в настоящее время настроен на скрытое переполнение, в то время как его изображения имеют высоту 100% и 1600px.Я устанавливаю горизонтальное положение с помощью вызова jQuery:

Это CSS: 

   #large-slider {
   max-height: 600px;
   position: absolute;
   top: 0;
   z-index: -1000;
   overflow: hidden;
   margin: 0 auto;
   }

   #large-slider img {
   width: 1600px;
   height : 100%;
   }

, а это вызов jQuery: 

<script type="text/javascript">
// JS call for Cycle Slider
jQuery(document).ready(function(){
    jQuery('#large-slider').cycle({
    fx: 'fade'
    });
    // Centering images
    jQuery('#large-slider').css('left', -((1600 - jQuery(window).width()) / 2));
});
    // Centering images on resizing
        jQuery(window).resize(function(){
        jQuery('#large-slider').css('left', -((1600 - jQuery(window).width()) / 2));
    }); 
    </script>

СЕЙЧАС,Проблема в том, что в Firefox и IE9 это работает отлично.Изображения все время становятся на всю ширину и остаются центрированными, несмотря ни на что (часть из них выходит за пределы экрана, и мы этого не видим, но это прекрасно).В Chrome, с другой стороны, изображения заполняют примерно 70% ширины окна независимо от его размера.В Safari угадайте, что: изображения даже не появляются!

Это действительно странно ... Я использую тот же скрипт на том же сайте с другим размером (как обычный слайдер без заполнения всегоширина), и он отлично работает, поэтому я предполагаю, что проблема связана с проблемой полной ширины, со скрытым переполнением или чем-то еще.Я действительно не знаю.

Любые подсказки ??

...