Отображение одного и того же изображения несколько раз в разных местах на веб-странице с использованием JavaScript или CSS

Question

Я хочу создать веб-страницу с 6 купонами, по два на строку в веб-пространстве 1275 X 1650. Каждое купонное пространство будет состоять из отдельного изображения. Проблема в том, что я буду создавать 20 таких веб-страниц, на которых будут эти купоны. Теперь одни и те же изображения будут появляться в разных местах / позициях на разных веб-страницах. Есть ли способ обновить одно и то же изображение, которое появляется в разных местах / позициях одновременно? И какой язык используется для этого? Я пробовал CSS, но не думаю, что это возможно. Так что я должен использовать JavaScript.

Answer 1

Я не уверен, что полностью понимаю вашу проблему, но попробую.

Допустим, у вас есть 6 купонов, определенных в CSS как классы: .coupon1 .coupon2 .coupon3 .coupon4 .coupon5 .coupon6

Затем вам просто нужно обновить данный класс (обратите внимание, что класс можно использовать много раз на одной странице), чтобы обновить все купоны с этим классом.

Вам потребуется использовать свойство background css, чтобы определить, как будет выглядеть купон.