анимация потока изображений выглядит плохо в IE с opacity = false - PullRequest
0 голосов
/ 13 октября 2009

Я пытался установить imageFlow на сайт. Работает нормально, кроме как в IE (8 в mycase). Проблема в том, что анимация не плавная. Я смотрел на их демо в IE8, и он прекрасно работает. Я не могу понять, почему мой пример не работает, а их - нет. Я пытался изменить параметры imageFlow на основе примеров , но безрезультатно.

Вот код, который я использую:

<div id="carousel" class="imageflow" style="border:solid 1px;height:292px;width:971px;background-image:url('images/carousel/carouselBackground.jpg');"> 
<img src="path1.jpg" longdesc="" width="666" height="500" alt="1" />
<img src="path2.jpg" longdesc="" width="666" height="500" alt="2" />
<img src="path3.jpg" longdesc="" width="666" height="500" alt="3" />
<img src="path4.jpg" longdesc="" width="666" height="500" alt="4" />
<img src="path5.jpg" longdesc="" width="666" height="500" alt="5" />
</div>

<script>
domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: 'carousel',
                    reflections: false,
        slider: true,
                    reflectionP: 0.2,
        aspectRatio: 3.32,
        imagesHeight: 0.7,
                    captions: false,
                    opacity: false,
                    xStep: 150,
        buttons: true,
        imageFocusM: 1.0,
                    startID: 3 });
});
</script>

Когда я изменяю непрозрачность на true, ломанная анимация по какой-то причине исправляется.

Ответы [ 2 ]

2 голосов
/ 20 января 2010

У меня точно такая же проблема. Обходной путь, который я нашел, состоял в том, чтобы включить непрозрачность, а затем просто сделать все изображения полностью непрозрачными, например, так:

 opacity: true, opacityArray: [10,10,10,10,10]
0 голосов
/ 18 мая 2010

Большое спасибо! У меня была эта проблема, и ваша помощь была просто великолепной. Я не знаю, какая у него версия на домашней странице Imageflow на вкладке примеров, но когда я перехожу туда с IE8, у меня нет такой же проблемы. Вопрос о наличии массива с непрозрачностью для фотографий, вам нужно иметь ширину массива длиной, равной количеству ваших изображений?

...