MSG7714 Ответов: 4

Как сделать чередующиеся изображения на HTML-коде?

Так что я очень новый кодер в блоке, на самом деле, вероятно, даже не должен считать себя кодером, но это не имеет значения. Я создаю веб-страницу/блог с изображениями/значками слева и текстом справа. Как я могу сделать это там, где изображения чередуются? Я считаю, что это будет более чистый вид на веб-странице, но из-за моего отсутствия знаний о HTML я совершенно потерялся. Пожалуйста, помогите, если можете!

Что я уже пробовал:

Честно говоря, я не очень старался испортить определенную работу и быть более потерянным, чем сейчас.

Mohibur Rashid

Я не совсем понимаю, что вы подразумеваете под переменным изображением. Как этот "чередующийся образ" будет работать на практике?

4 Ответов

Рейтинг:
2

W∴ Balboos, GHB

Может быть, это стиль, о котором вы думаете, а не (или вместе с ним?) HTML

Проверьте здесь, как работают стили - я поставил вас в центр событий, но есть учебник, который очень удобен как для HTML, так и для CSS: Псевдоэлементы CSS[^]

В этом случае найдите справочную страницу псевдоэлемента, и она позволит пропустить форматирование. Однажды я использовал его для имитации "зеленой полосы" бумаги.

Рейтинг:
2

Patrice T

Цитата:
Как сделать чередующиеся изображения на HTML-коде?

Компьютерное программирование-это искусство быть точным, а ваш вопрос-нет. Есть по крайней мере 3 различных вещи, которые соответствуют тому, что вы сказали.
Серверная сторона: у вас есть много изображений, и вы хотите связать их каждый раз, когда клиент запрашивает страницу:
- серверный код выбирает случайное изображение каждый раз, когда запрашивается страница.
- у вас есть счетчик, и он увеличивается каждый раз, когда запрашивается страница, затем сохраните новый счетчик, когда в конце списка вернитесь к первому.
Клиентский:
- в Javascript вы устанавливаете таймер (каждые 30 секунд1), который запускает фрагмент кода, заменяющий тег изображения другим. и у вас есть счетчик, чтобы отслеживать последнее изображение.
HTML учебник[^]

Рейтинг:
2

Kirandeepk

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

<img src="image.jpg" alt="Aternate-text-you-want-to-add" width="150" height="270">

Рейтинг:
1

mirzakouchak

использование тега img в html - коде со свойством alt решило вашу проблему.

Mohibur Rashid

Прежде чем перейти в заключение к такому неопределенному вопросу, вы должны спросить ОП, что он действительно хочет сделать.