Лучше использовать HTML5 и Canvas или CSS3 (фоновое изображение) и jquery, чтобы сделать слайд-шоу?

Question

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

Что мне интересно, так это то, что более дружественный к процессору, CSS3 и jQuery делают переходы исчезающими, просто изменяя CSS-класс div, который заполнит экран, или , Canvas с нарисованным на нем каждый раз освежается?

Answer 1

Webkit (Safari, Chrome и т. Д.) Имеет встроенную поддержку эффектов переходов на основе CSS, и Mozilla также работает над их добавлением. Возможность использования переходов, предоставляемых браузером, там, где они доступны, определенно обеспечит повышение производительности.

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

Answer 2

Вам не нужно использовать HTML5, но ничто не мешает вам ... фактически, вот слайд-шоу о HTML5 ( Использование HTML5 )!

http://slides.html5rocks.com/

Answer 3

Мне пришло в голову множество вариантов:

1. Переходы с помощью JS / CSS хорошо протестированы и быстро реализуются.Использование процессора вряд ли будет проблемой.

2. Однако, если вы хотите использовать опцию Canvas, и поддерживают просмотр в Редмонде, вы можетеупростите свою жизнь, рисуя через Raphaël кросс-браузерный API.

3. Чистые CSS-переходы - самый элегантный (возможно) метод.К сожалению, люди за пределами Купертино ленились внедрять их, поэтому в настоящее время их использование в основном ограничено впечатляющими дополнительными конфетами для глаз.

4. Ретро: притворись, что это 2001 и эти ребята позволяют вам серьезно загружать процессор за несколько сотен долларов.

Answer 4

Учитывая печальное состояние дел, в котором мы сейчас находимся, когда IE не поддерживает CANVAS, тогда я бы сказал, придерживайтесь версии jQuery. Если, конечно, вы не возражаете против исключения IE - но, имея в виду, он по-прежнему является самым популярным браузером.

Я бы также сказал, что ползунки не сильно нагружают процессор, и я всегда ставлю на первое место обслуживание и совместимость.