Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

Форум PHP

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: rollover image
 
 автор: lilu   (07.03.2006 в 11:50)   письмо автору
 
 


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 - наименование разделов

   
 
 автор: Trianon   (07.03.2006 в 12:04)   письмо автору
 
   для: 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>"; 

   
 
 автор: lilu   (07.03.2006 в 12:58)   письмо автору
 
   для: Trianon   (07.03.2006 в 12:04)
 

Это даст что в первом столбце картинки станут тоже ссылками, но подсвечиваться картинки по прежнему не будут?

   
 
 автор: Trianon   (07.03.2006 в 13:15)   письмо автору
 
   для: lilu   (07.03.2006 в 12:58)
 

А что значит "картинка должна подсвечиваться"? Должна менять вид при наведении мышки на ссылку с ней? Тогда это решается средствами javascript. В атрибутах тега <a ...> прописываются обработчики событий onMouseOver и onMouseOut
Помимо этого следует заготовить не по одной, а по паре картинок для каждой ссылки.

   
 
 автор: lilu   (07.03.2006 в 13:50)   письмо автору
 
   для: Trianon   (07.03.2006 в 13:15)
 

Да Вы правильно поняли, все картинки (парами) заготовлены!
Неужели опять только с помощью скриптов?

   
 
 автор: Trianon   (07.03.2006 в 14:11)   письмо автору
 
   для: lilu   (07.03.2006 в 13:50)
 

И Вы правильно поняли. :) Если Вы хотите, чтобы у Вас что-то происходило в браузере, то есть на стороне клиента, то и скрипт надо применять клиентский, а не серверный. То есть javascript, а не php. Впрочем, php тоже может помочь.... Например, вытянуть картинки из базы. Или пути к ним. Или даже сформировать код клиентского скрипта. Но основную работу будет выполнять скрипт клиентской стороны.

   
 
 автор: Loki   (07.03.2006 в 15:15)   письмо автору
 
   для: Trianon   (07.03.2006 в 14:11)
 

На самом деле, все это можно сделать и через CSS. Изврат, конечно, но зато полностью не зависим от наличия JS.

   
 
 автор: Trianon   (07.03.2006 в 15:18)   письмо автору
 
   для: Loki   (07.03.2006 в 15:15)
 

Для этого надо очень любить CSS и/или ненавидеть JS :))

   
 
 автор: AlexSol   (07.03.2006 в 15:31)   письмо автору
 
   для: Trianon   (07.03.2006 в 15:18)
 

для этого нужно определиться с задацей: на сss изображение фоновое к чему-то, т.е. если это меню то для текстовой сслылки менять фоновые картинки значительно легче, чем скриптом, но если сслылка именно картинка - исключительно скрипт (делать фоновую картинку для картинки как-то глупо, да и не выйдет :))

   
 
 автор: Loki   (07.03.2006 в 15:36)   письмо автору
 
   для: AlexSol   (07.03.2006 в 15:31)
 

Фоновую картинку можно делать для чего угодно. В данном случае - для таблицы, например.
Короче, это как вариант нестандартного подхода: если html и css генерится скриптом, то можно наворотить что угодно:)

   
 
 автор: AlexSol   (07.03.2006 в 15:50)   письмо автору
 
   для: Loki   (07.03.2006 в 15:36)
 

для чего угодно, это да, но для этого случая менять придется скриптом //или вы предлагаете использовать :hover для ячейки таблицы???

   
 
 автор: Loki   (07.03.2006 в 16:20)   письмо автору
 
   для: AlexSol   (07.03.2006 в 15:50)
 

легко. только ie работает с этим криво. все остальные броузеры - просто на ура.

   
 
 автор: XPraptor   (07.03.2006 в 16:32)   письмо автору
 
   для: Loki   (07.03.2006 в 16:20)
 

onmouseover в css тоже работает, map тоже в css задается и никаких проблемм.
Если хотите проще, то лучше конечно Js функцию предзагрузки картинок вписать в страницу, а потом код генерить уже с явой в ссылках.

   
 
 автор: lilu   (09.03.2006 в 17:56)   письмо автору
 
   для: 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;
    }

Тут конкретно указывается картинка, а если картинок много и они выводятся в цикле, то как это отметить в цикле?

   
 
 автор: AlexSol   (09.03.2006 в 18:11)   письмо автору
 
   для: lilu   (09.03.2006 в 17:56)
 

расположите стиле не в отдельном файле, а между <style></style> , создайте цикл и выводите в нем имена картинок

   
 
 автор: lilu   (09.03.2006 в 18:15)   письмо автору
 
   для: AlexSol   (09.03.2006 в 18:11)
 

Если не сложно приведите пример такого стиля, кот. в цикле картинки выводит!!!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования