Как добавить детали на изображение?
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src = "cook.js"></script>
<link rel = "stylesheet" type = "text/css" href = "css/cook.css">
<details>
<summary>TEST</summary>
<p> - bknf;nvdnvdnvldnvldvldbvldvbldvbldvvvbkh.</p>
</details>
<img src = "oasis-and-car.png">
<details>
<summary>TEST</summary>
<p> - bknf;nvdnvdnvldnvldvldbvldvbldvbldvvvbkh.</p>
</details>
<details>
<summary>TEST</summary>
<p>thestttttttt</p>
</details>Я хочу добавить изображение с несколькими маркерами рядом с ним, например, с некоторыми описаниями, и когда вы нажимаете на маркеры, он показывает вам информацию, например, сайт это, где есть солнечная панель, и когда вы нажимаете на знак плюса, он дает вам Информация. Моя работает, единственная проблема в том, что они не в нужном месте, я хочу, чтобы они были в стороне. И есть ли для этого какой-нибудь плагин в Wordpress?
@Ibu, спасибо, что дали тебе время ответить на мой вопрос. Не могли бы вы привести мне пример, пожалуйста, я не очень разбираюсь в кодировании. Вы знаете какой-нибудь плагин, который я могу найти для этого?
Ответы 1
Вы можете использовать абсолютное положение. Вот пример.
.pos1{
position: absolute;
top: 100px;
left: 100px;
}
.pos2{
position: absolute;
bottom: 150px;
right: 150px;
}<!DOCTYPE html>
<html lang = "en">
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src = "cook.js"></script>
<link rel = "stylesheet" type = "text/css" href = "css/cook.css">
</head>
<body>
<details class = "pos1">
<summary>TEST</summary>
<p> - bknf;nvdnvdnvldnvldvldbvldvbldvbldvvvbkh.</p>
</details>
<img src = "oasis-and-car.png" >
<details class = "pos2">
<summary>TEST</summary>
<p> - bknf;nvdnvdnvldnvldvldbvldvbldvbldvvvbkh.</p>
</details>
<details>
<summary>TEST</summary>
<p>thestttttttt</p>
</details>
</body>
</html>Спасибо, Итай Гэл, в этом больше смысла. Как ты думаешь, я могу найти для этого плагин или ты что-нибудь знаешь?
Я не знаком с таким плагином, но я не думаю, что вам нужен плагин, когда решение состоит из 3 строк css ..
bcz Я использую тему wordpress и idk, где их разместить, также я не уверен, будет ли эта вещь отзывчивой
Да, это отзывчиво - top, left, bottom, right фактически относятся к родительскому. Просто измените размер браузера, чтобы проверить это
последний вопрос братан, так что если я хочу добавить больше классов, мне нужно только изменить числа, верно?
правильно, позиция должна быть установлена на absolute, и значения top и т. д. будут определены, где ваш элемент будет расположен относительно родителя
Используйте абсолютную позицию, чтобы разместить их где угодно.