работы с одинаковыми классами js

317
22 сентября 2018, 12:10

Есть множество картинок с одним классом crypt_img, при ховере на которые нужно чтобы показался соответствующий ему блок с классом crypt_text, которых тоже имеется несколько, как это реализовывается в js? Видел пару раз, что с помощью val(), eq() и attr(), но знаний очень мало, чтобы реализовать это и написать код

Answer 1

Вам точно необходимо использовать JS, или возможно просто использовать CSS? Можно более подробно где должен отображаться текстовый блок.

 .photo { 
    display: inline-block; /* Строчно-блочный элемент */ 
    position: relative; /* Относительное позиционирование */ 
   } 
   .photo:hover::after { 
    content: attr(data-title); /* Выводим текст */ 
    position: absolute; /* Абсолютное позиционирование */ 
    left: 20%; top: 30%; /* Положение подсказки */ 
    z-index: 1; /* Отображаем подсказку поверх других элементов */ 
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */ 
    font-family: Arial, sans-serif; /* Гарнитура шрифта */ 
    font-size: 11px; /* Размер текста подсказки */ 
    padding: 5px 10px; /* Поля */ 
    border: 1px solid #333; /* Параметры рамки */ 
   }
   <div class="photo" data-title="Это Apple!"><img src="https://infoday.site/wp-content/uploads/2018/05/apple-03.jpg" alt=""></div>

READ ALSO
Мобильное меню сайта [закрыт]
javascript

Мобильное меню сайта [закрыт]

Ситуация следующая - на сайте marynosolisun

 163
как поменять ссылку на файл на сайте
javascript

как поменять ссылку на файл на сайте

Есть сайт (сторонний) похоже на nodejs подгружает http://cdn1site

 196
JavaScript - jQuery.load производительность
javascript

JavaScript - jQuery.load производительность

Моя задача - подгрузка контента с другой страницыМне потребовалось добавить функцию callback

 168
Разница post-запросов
javascript

Разница post-запросов

Я озадачен вопросомВ документации написано, что можно применять запрос curl:

 186