Блог

Я создаю очень простую страницу, которая должна выполнить следующее:

В div будет карта, которая является фоновым изображением, и на карте будут размещены несколько кликабельных изображений (каждое в отдельном div). При нажатии на изображения некоторые маркеры на карте должны появляться или исчезать, чтобы указать позиции, где их можно найти на карте.

Это не должно быть причудливым, это просто должно работать и быть выполнимо быстро (я неопытен, и у меня мало времени). Что бы вы предложили?

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

Сделайте что-то вроде этого

 document.getElementById('a1').addEventListener('click', toggle);
function toggle(a){
document.getElementById("i1").style.display='block';
setTimeout(function(){
document.getElementById("i1").style.display='none';
},500);
}
 

Скрипка:

Скрипка