jQuery Slider - изображения кажутся отрывистыми: /

Question

Я работал над этим: http://markpetherbridge.co.uk/workingon/swots/

Как видите, изображения кажутся рваными, когда я хотел бы, чтобы одно плавно переходило в другое. Есть идеи?

высоко ценится

Answer 1

Во-первых, вы используете изображения размером 4 МБ, слишком тяжелые для начальной загрузки.

Если вы хотите, чтобы они не искажались, вы должны снять height:100% изображения, чтобы оно было обрезано.

Answer 2

Аааа, похоже, я это исправил. Изображения загружались под друг друга, а не поверх друг друга. Установка позиции top: 0 и left: 0, похоже, сработала.

Спасибо, ребята

Answer 3

Вы используете огромные изображения, так что это излишне для браузеров.Вам также следует рассмотреть возможность интеграции CSS3-анимаций, поскольку они обычно отображаются намного плавнее, чем анимации на основе JavaScript.