[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Див поверх картинки при наведении
Wincert
Хочу сделать, чтобы при наведении на картинку поверх картинки на которую навели курсор в верхней части вылазил слой с моим текстом.
Сложность состоит в том, что у нас есть слой в котором может быть неизвестное число картинок ничем не обрамленных.
Как сделать так чтобы у таких картинок поверх показывался слой при наведении??? На jQuery...

Была мысль брать каждую картинку и обрамлять ее в какой-нибудь тег и добавлять в него слой с моим текстом и отображать при наведении. Но для этого нужно получить html каждой картинки, этого сделать у меня не получилось.
Чтобы было более понятно привожу пример кода:

$(document).ready(
function() {

for ($i = 0; $i < $("p.imgpost img").length; $i++) {
alert($("p.imgpost img").get($i));
}

}

);

Таким образом будет выводится DOM объект, но мне нужно получить html код этого объекта (картинки), как это сделать? html() - не выводит мне код.

Но вообще чето мне не очень нравится такая идея реализации, может есть другой способ это сделать?
Василий
Добрый день !

Подскажите, пожалуйста, как разместить текст поверх картинки в html.
Спасибо !
Игорь_Vasinsky
z-index + poition (CSS)

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
USW
2wincert вроде одного CSS должно хватить. overflow и hidden.
Игорь_Vasinsky
Цитата
как разместить текст поверх картинки в html.

biggrin.gif картинку в background

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.