Jump to content
  • 0

Иконка на картинке


Axel186
 Share

Question

Здравствуйте,

Нужна помощь, сам не справился =\. Есть страничка с картинками. Необходимо выбрать картинки определённого имени или ИД, и добавить к ним в нижнем правом углу иконку "Увеличить". Вот собственно и все дела =).

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

К сожалению это не всегда правильно отображалось. Надо бы эти дивы создавать внутри самой картинки а не в таге <body>. А как мне создать или подкрепить див к картинке я не знаю =\. Помогите пожалуйста.

Еслиб дело было с дивами то я бы просто изменял его innerHTML, в начале добавлял бы див, передвигал его на правый нижний край дива а потом заполнял бы его остальным контентом. Но тут дело в картинках =\.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Оборачивать все картинки в контейнер, внутрь контейнера вставлять ноду с иконкой и относительно контейнера уже позиционировать. А так вычислять координаты всех картинок уж очень ресурсоемкая задача.

Link to comment
Share on other sites

  • 0

Да, понятное дело вычислять все координаты это не дело.. Хм.. Идея такая, на всех необходимых картинках я должен поставить иконку лупы, при нажатие на неё срабатывает другой скрипт. Так же при этом у самой картинки тоже может быть свой линк. Может такое способен сделать другой язык? JQuery или что-то такое =) я в них не разбираюсь=).

Подскажите, если что почитаю, поищу примеры.

Link to comment
Share on other sites

  • 0
Чем мой способ не устраивает? Требуется определять лишь одну координату width.

Я уже к готовым сайтам подключаю скрипт. Поэтому и не подходит, сайты переделывать не катит.

вот пример тага img : <img src="img.jpg" name="img_loop" /> - вот к такой картинке надо прикрепить лупу =\\

Link to comment
Share on other sites

  • 0

Ну, во-первых, у тега img не должно быть параметра name. Если надо как-то обозначить, то используйте классы. Ну а что касается задачи, то можно, наверное, оборачивать картинку в блок и добавлять в него картинку с лупой, как правильно посоветовал Влад. И всё это можно делать яваскриптом, если в вёрстку лезть нельзя.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy