Как прокрутить область с несколькими изображениями

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

Шаг 1

Откройте HTML-страницу, на которой вы хотите прокрутить несколько изображений.

Видео дня

Шаг 2

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

Шаг 3

Заменять "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" и "http://www.website.com/image3.jpg" с путями к файлам или URL-адресами изображений, которые вы хотите прокрутить на странице.

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

http://www.website.com" часть URL-адреса, только то, что следует за косой чертой. Например, если полный URL был "http://www.website.com/image3.jpg," вам нужно будет только вставить «image3.jpg».

Если изображение взято с другого веб-сайта, вам необходимо вставить полный URL. Это может быть фотография с онлайн-фото-сервера или любого другого веб-сайта, для которого у вас есть URL-адрес размещенного изображения.

Шаг 4

Опубликуйте страницу.

ссылки и ресурсы

• Blu Archer: Train Gif Уроки
• W3 Schools: изучение HTML