Проблемы с jQuery Cycle FadeIn / Out в браузерах IE и Webkit (только в первом цикле!) - PullRequest
Новая
       1

Проблемы с jQuery Cycle FadeIn / Out в браузерах IE и Webkit (только в первом цикле!)

2 голосов
/ 06 июня 2011

Я использую популярный плагин на этом сайте:

http://demos.discipleportal.com/MTO/

По какой-то причине в IE 7 и 8, Chrome и Safari изображения нижнего уровня просвечивают, когда изображения исчезают в первом цикле цикла. Итак, вы видите, что находится под следующим слайдом, когда он исчезает. Не уверен, как это исправить.

сценарий: 

$('.slideshow').cycle({     
        fx:    'fade', 
        speed:    2500,
        timeout:  6000
    });

HTML: 

<div class="slideshow">
<img src="images/p1.jpg" alt="" class="first" /> 
<img src="images/p2.jpg" alt="" height="427" width="329" /> 
<img src="images/p3.jpg" alt="" height="427" width="329" /> 
<img src="images/p4.jpg" alt="" height="427" width="329" /> 
<img src="images/p5.jpg" alt="" height="427" width="329" /> 
<img src="images/p6.jpg" alt="" height="427" width="329" /> 
<img src="images/p7.jpg" alt="" height="427" width="329" /> 
<img src="images/p8.jpg" alt="" height="427" width="329" /> 
<img src="images/p9.jpg" alt="" height="427" width="329" /> 
</div>

CSS: 

.slideshow {
height: 427px;
left: 50px;
position: absolute;
top: 495px;
width: 329px;
z-index: 10;
}

Любая помощь очень ценится

Ответы [ 3 ]

0 голосов
/ 06 июня 2011

Я где-то читал, чтобы у контейнера был черный фон, так и сделал. Это помогло мне с некоторыми проблемами с пикселями в IE7. Итак: 

.slideshow {
background-color: #000000;
height: 427px;
left: 50px;
position: absolute;
top: 495px;
width: 329px;
z-index: 10;
}

Не помешает попробовать;)

0 голосов
/ 08 июня 2011

ИСПРАВЛЕННЫЙ ВЫПУСК.

Я заменил минимизированный скрипт на полную версию, и это решило проблему. Спасибо за помощь, Майки и Луи.

0 голосов
/ 06 июня 2011

Я еще не тестировал его, но вы всегда можете добавить класс «hide» к другим изображениям и настроить его на отображение: нет;А затем просто «переверните» классы между «скрыть» и «показать» (или как вы решите их назвать.

...