СЛАЙД-ШОУ на HTML

Создание слайд-шоу на сайте

О важности умения создавать и добавлять на сайт слайд-шоу, писал уже на предыдущей странице. Аналогично, и о причинах его чрезвычайной популярности. Незачем повторяться.
Кто не был, могут вернуться, кликнув по верхней синей стрелке.

Там Вы видели слайдеры, созданные с помощью технологий jQuery.

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

Чем интересные?
Хотя бы тем, что они создаются просто! БЕЗ использования каких-либо скриптов и сложных языков программирования.

Покажу Вам здесь 3 вида простых слайд-шоу, сделанных исключительно с помощью базовых технологий.

Простые слайд-шоу на HTML

Одна из причин, почему мне так нравятся именно базовые технологии интернета - возможность сделать с их помощью, практически, ВСЁ! Причём, они оставляют программный код страницы лёгким, чего не скажешь о jQuery!

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

СЛАЙД-ШОУ №1 "бегущие домики"

* * *

Посмотрели?
Разумеется, оно гораздо скромнее, чем те, что показывал на предыдущей странице, но и программный код её - лёгкий, "мизерный"!

Почему это так важно?!
Об этом подробно и наглядно рассказал на странице "Современные технологии".

А здесь, ниже, покажу ещё одну из возможностей создать простое слайд-шоу на своём сайте, программируя исключительно на HTML.

СЛАЙД-ШОУ №2 "фотошоп-домики"

* * *

Ну, и как?
Вроде, всё то же самое? ... ... Всё, да не всё!
Здесь программный код ещё легче, благодаря тому, что в "бегущей строке" используется всего 1 рисунок, сделанный в фотошоп.
Техника же создания самого слайд-шоу, действительно, та же самая, что и у верхнего.

Что означает "бегущая строка"? Можете посмотреть ЗДЕСЬ: (откроется в новом окне).

Простое слайд-шоу с анимацией

Если же подключить к возможностям базовых технологий ещё и фотошоп, вообще здорово получится! Никакие скрипты не нужны.
Посмотрите простой слайдер, созданный на языке HTML, без скриптов, всего лишь с добавлением элементов фотошоп.

СЛАЙД-ШОУ №3 "бегущие домики и анимация"

* * *

Показал самый простой способ сделать слайд-шоу с анимацией, позволяющий обойтись БЕЗ всяких сложных технологий.

Сами понимаете - не стал особо "усердствовать" в фотошоп. Главное - показал принцип.

Смею Вас уверить, для создания таких же эффектов с применением jQuery, пришлось бы подключать не один плагин.

К чему такое приводит, Вы, наверное, уже читали выше, пройдя по ярко выделенной ссылке. Нет? Повторю её: "Современные технологии".

О простых способах создания слайдеров

Хочу совсем немного добавить к тому, что есть на предложенной к просмотру странице. Там я об этом не говорил. Вообще, на сайте нигде не писал об этом.

Простые способы создания слайдеров, галерей, различных эффектов хороши тем, что они не "насилуют" компьютер. Знаю, о чём говорю.

Если обычные HTML+CSS для него безобидны, то скрипты - совсем наоборот!

Ведь, скрипты - это программы. А операционная система любого компьютера, его "душа", так сказать, и сама есть - программа.

Так что, ... ... ..., "думайте сами, решайте сами ... ...", какой способ создания слайдера, галереи, или ещё чего-нибудь, Вы предпочтёте.

Заключение

** Надеюсь, и на этой странице Вы нашли для себя интересную информацию о том, как можно просто создать слайд-шоу для сайта.

Кроме того, что Вы видели здесь, посмотрите ещё один очень-очень интересный способ создания автоматических презентаций БЕЗ использования каких-либо скриптов. Лишь только HTML+CSS!  Вот он. Оцените! "Автоматический слайдер CSS" (откроется в новом окне).

Желающие узнать об использовании простых веб-технологий для добавления галерей на свой сайт, посетите страницу "Галерея" (откроется в новом окне).

Аналогично. Очень простой способ создания всевозможных галерей рисунков для сайта найдёте на странице "Просмотрщик изображений" (откроется в новом окне).

Кого занимает возможность размещения мультимедийного контента на ресурсе, тем будет интересна страница "Аудио и Видео" (откроется в новом окне).

Посетителям, кому нужно создать слайд-шоу, либо галерею на сайте, подключить аудио и видео к нёму, но нет времени самостоятельно заниматься этим, способен помочь раздел "Выбор исполнителя" (откроется в новом окне).

* * *

Не пугайтесь такого количества навигационных стрелок. Так нужно.

Сделал прямой заход на эту страницу из четырёх БОЛЬШИХ разделов. Вернуться также можно прямо. Наведите курсор мыши на стрелки - появятся подсказки, куда они ведут.
Кликнув по верхнему логотипу, попадёте на "Главную".

ВВЕРХ