изображения обрезаются, когда в IE используется прозрачность Jquery animate - PullRequest
Новая
       12

изображения обрезаются, когда в IE используется прозрачность Jquery animate

2 голосов
/ 30 марта 2010

Я использую приведенную ниже функцию: 

function rotate() {
            //Get the first image
            var current = ($('div#rotator ul li.show') ? $('div#rotator ul li.show') : $('div#rotator ul li:first'));

            //Get next image, when it reaches the end, rotate it back to the first image
            var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') : current.next()) : $('div#rotator ul li:first'));

            //Set the fade in effect for the next image, the show class has higher z-index
            next.css({ opacity: 0.0 })
            .addClass('show')
            .animate({ opacity: 1.0 }, 1000);

            //Hide the current image
            current.animate({ opacity: 0.0 }, 1000)
            .removeClass('show');

        };

Показ слайдов изображений. Он отлично работает в Firefox и Google Chrome, но обрезает изображения в IE 7 и IE 8. Любая помощь очень ценится.

Заранее спасибо.

1 Ответ

0 голосов
/ 22 сентября 2011

Какую версию jquery вы используете?

Попробуйте добавить значения IE для непрозрачности следующим образом: 

//Set the fade in effect for the next image, the show class has higher z-index
next.css({ opacity: 0.0, filter: 'alpha(opacity=0)' })
.addClass('show')
.animate({ opacity: 1.0, filter: 'alpha(opacity=100)' }, 1000);

//Hide the current image
current.animate({ opacity: 0.0, filter: 'alpha(opacity=0)' }, 1000)
...