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

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

Крок 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: навчальні посібники з GIF
• Школи W3: вивчайте HTML