Вывод ссылки изображения при клике на картинку
Всем привет. Я практически ничего не знаю о JS и поэтому прошу помощи. Есть цикл в PHP который из базы выводит изображения. Также в базе к каждому изображению прикреплено описание и ссылка.
Нужно сделать, чтоб при клике по картинке, высвечивалась ссылка из бд. Подскажите плиз как это сделать.. |
chellas88, код цикла где?
|
$sql = mysql_query("SELECT * FROM `img` ORDER BY `id` DESC"); while ($img = mysql_fetch_assoc($sql)) { echo '<img src="/src/img/blog/'.$img['img'].'" /></br>'; echo '<span id="log"></span>'; } |
Цитата:
|
Цитата:
|
Цитата:
|
$sql = mysql_query("SELECT * FROM `img` ORDER BY `id` DESC"); while ($img = mysql_fetch_assoc($sql)) { echo '<img src="/src/img/blog/'.$img['img'].'" /></br>'; echo '<span id="log">'.$img['link'].'</span>'; } ну тогда вот так имеется ввиду показать адрес ссылки в спан |
Цитата:
|
Цитата:
Не надо кода вывода сервером, покажите как это в результате будет на странице, так как изображениям надо будет определить обработчик, а они то на странице не одни. Отсюда следует, что нужно либо определить этим изображением какой либо класс, который будет использоваться как селектор, либо эти изображения и ссылки помещены в какой либо элемент и можно будет получить коллекцию его элементов. Вы просите конкретный код, значит покажите конкретный html-код этой части страницы. |
Цитата:
|
chellas88, контент, который нужно вывести можно поместить в data-атрибут, при клике его извлекать и отображать.
По сути нужен tooltip, который отображает контент по клику. |
Цитата:
|
chellas88, я так понимаю что ссылка на изображение это то, что содержит атрибут src этой же картинки. Тогда зачем брать её из базы? chellas88, для чего вы хотите выводить ссылку при наведении? Если для красоты :-О , то добавьте картинке атрибут title и продублируйте в атрибут ссылку из src или банально напишите текстом рядом с каждой картинкой. Если надо вывести ссылку для копирования или если картинок много, то получайте содержимое атрибута src и вставляйте в любой блок с помощью innerHTML.
|
Часовой пояс GMT +3, время: 08:31. |