|
|
|
|
echo "<tr valing='center'><td><img src='$catalog[pict]'></td><td><a href=mainS.php?idR=$catalog[idR]>$catalog[textR]</a></td></tr>";
|
Данный код позволяет вывести таблицу из двух столбцов, в первом из базы выводятся рисунки(логотипы разделов), во втором столбце наименование разделов, каждое наименование является ещё и ссылкой!
Но дело в том, что когда наводишь мышкой на наименование раздела, его картинка (кот. в первом столбце) никак не реагирует(т.к. она не ссылка), так вот вопрос в том, можно ли поправить данный код так, чтобы картинка стала ссылкой(как и соот-ий раздел) и при наведении на неё мышкой -подсвечивалась.
Структура базы
idR - порядковый номер
pict - ссылки на картинки, кот. выводятся в первом столбце
pict2 - ссылки на картинки для подсветки тех картиннок кот. выводятся в первом столбце
textR - наименование разделов | |
|
|
|
|
|
|
|
для: lilu
(07.03.2006 в 11:50)
| |
echo "<tr valing='center'><td><a href=mainS.php?idR=$catalog[idR]><img src='$catalog[pict]'></a></td>"
. "<td><a href=mainS.php?idR=$catalog[idR]>$catalog[textR]</a></td></tr>";
|
| |
|
|
|
|
|
|
|
для: Trianon
(07.03.2006 в 12:04)
| | Это даст что в первом столбце картинки станут тоже ссылками, но подсвечиваться картинки по прежнему не будут? | |
|
|
|
|
|
|
|
для: lilu
(07.03.2006 в 12:58)
| | А что значит "картинка должна подсвечиваться"? Должна менять вид при наведении мышки на ссылку с ней? Тогда это решается средствами javascript. В атрибутах тега <a ...> прописываются обработчики событий onMouseOver и onMouseOut
Помимо этого следует заготовить не по одной, а по паре картинок для каждой ссылки. | |
|
|
|
|
|
|
|
для: Trianon
(07.03.2006 в 13:15)
| | Да Вы правильно поняли, все картинки (парами) заготовлены!
Неужели опять только с помощью скриптов? | |
|
|
|
|
|
|
|
для: lilu
(07.03.2006 в 13:50)
| | И Вы правильно поняли. :) Если Вы хотите, чтобы у Вас что-то происходило в браузере, то есть на стороне клиента, то и скрипт надо применять клиентский, а не серверный. То есть javascript, а не php. Впрочем, php тоже может помочь.... Например, вытянуть картинки из базы. Или пути к ним. Или даже сформировать код клиентского скрипта. Но основную работу будет выполнять скрипт клиентской стороны. | |
|
|
|
|
|
|
|
для: Trianon
(07.03.2006 в 14:11)
| | На самом деле, все это можно сделать и через CSS. Изврат, конечно, но зато полностью не зависим от наличия JS. | |
|
|
|
|
|
|
|
для: Loki
(07.03.2006 в 15:15)
| | Для этого надо очень любить CSS и/или ненавидеть JS :)) | |
|
|
|
|
|
|
|
для: Trianon
(07.03.2006 в 15:18)
| | для этого нужно определиться с задацей: на сss изображение фоновое к чему-то, т.е. если это меню то для текстовой сслылки менять фоновые картинки значительно легче, чем скриптом, но если сслылка именно картинка - исключительно скрипт (делать фоновую картинку для картинки как-то глупо, да и не выйдет :)) | |
|
|
|
|
|
|
|
для: AlexSol
(07.03.2006 в 15:31)
| | Фоновую картинку можно делать для чего угодно. В данном случае - для таблицы, например.
Короче, это как вариант нестандартного подхода: если html и css генерится скриптом, то можно наворотить что угодно:) | |
|
|
|
|
|
|
|
для: Loki
(07.03.2006 в 15:36)
| | для чего угодно, это да, но для этого случая менять придется скриптом //или вы предлагаете использовать :hover для ячейки таблицы??? | |
|
|
|
|
|
|
|
для: AlexSol
(07.03.2006 в 15:50)
| | легко. только ie работает с этим криво. все остальные броузеры - просто на ура. | |
|
|
|
|
|
|
|
для: Loki
(07.03.2006 в 16:20)
| | onmouseover в css тоже работает, map тоже в css задается и никаких проблемм.
Если хотите проще, то лучше конечно Js функцию предзагрузки картинок вписать в страницу, а потом код генерить уже с явой в ссылках. | |
|
|
|
|
|
|
|
для: XPraptor
(07.03.2006 в 16:32)
| | Это всё хорошо конечно, я всё-таки остановлюсь на css, но у меня все рисунки берутся из базы и я не представляю как к циклу выводящему в таблице мои картинки прикрепить стили? Точнее как должен выглядеть сам стиль, например:
#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(file:///images/menu1.gif);
padding: 8px 0 0 10px;
}
|
Тут конкретно указывается картинка, а если картинок много и они выводятся в цикле, то как это отметить в цикле? | |
|
|
|
|
|
|
|
для: lilu
(09.03.2006 в 17:56)
| | расположите стиле не в отдельном файле, а между <style></style> , создайте цикл и выводите в нем имена картинок | |
|
|
|
|
|
|
|
для: AlexSol
(09.03.2006 в 18:11)
| | Если не сложно приведите пример такого стиля, кот. в цикле картинки выводит!!! | |
|
|
|