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

HTML+CSS+JavaScript

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

 

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

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

тема: Смена картинок при фокусе.
 
 автор: Aidaho   (03.09.2009 в 08:37)   письмо автору
 
 

Добрый день. знаю банальный вопрос но все же может кто поможет?
Надо что бы при наведение в меню которая состоит из картинок менялись картинки.. в нете нашел дофига скриптов но они мне не подходят... Дело в том, что у меня все меню хранятся в базе и адреса картинок тоже и выводится это циклом так:

while ($menu = mysql_fetch_array($res)) { ?>
    <a href=http://<?=$_SERVER[HTTP_HOST]?>/<?=$menu[link]?> title='<?=$menu[title]?>'><img src=<?=$menu[img]?>></a>
    <?}


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

Заранее спасибо!

P.S. в JavaScript я полнейший ноль (((

  Ответить  
 
 автор: sim5   (03.09.2009 в 11:03)   письмо автору
 
   для: Aidaho   (03.09.2009 в 08:37)
 

У вас в базе хранятся не изображения а путь к ним, а значит и изображения "сменщики" должны лежать по указанному пути. При формировании меню на сервере, формируйте и массив для JS этих изображений, ну а дальше уже смена этих изображений скриптом у клиента.
Можно поступить и по другому - изображения для меню, это два скленных изображения по вертикали или горизонтали, которые назначаются элементу меню (не картинке) в качестве фона, и при наведении вы меняете либо класс стиля этого элемента, либо позицию этого фона.

  Ответить  
 
 автор: Aidaho   (03.09.2009 в 12:30)   письмо автору
 
   для: sim5   (03.09.2009 в 11:03)
 

а можно пожалуйста пример если есть?

  Ответить  
 
 автор: ыыыыыыыы   (03.09.2009 в 12:53)
 
   для: Aidaho   (03.09.2009 в 12:30)
 

примеров нету

  Ответить  
 
 автор: sim5   (03.09.2009 в 13:26)   письмо автору
 
   для: Aidaho   (03.09.2009 в 12:30)
 

Да примеров хоть отбавляй - это те многочисленные примеры меню в сети, которые, как вы говорите, вам не подходят. Не они вам не подходят, это вы не понимаете как связать их элементы с конкретно вашими ссылками.
Выберите нужное вам меню в сети, создайте для него необходимые изображения (если нужно), опишите стили его, а как связать его элементы с вашим кодом, в этом конкретном вопросе и спрашивайте помощи.

  Ответить  
 
 автор: ыыыыыыыы   (03.09.2009 в 13:29)
 
   для: sim5   (03.09.2009 в 13:26)
 

нету примеров

  Ответить  
 
 автор: Aidaho   (03.09.2009 в 14:50)   письмо автору
 
   для: sim5   (03.09.2009 в 13:26)
 

Ну вот нашел какой то скрипт

<script language="JavaScript">
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
version = "old";
if (browserName == "Netscape" && browserVer >=3)
version = "new";
if (browserName == "Microsoft Internet Explorer" && browserVer >=4)
version = "new";
if (version == "new"){

toc1off = new Image(30,30);
toc1off.src = "image.gif";
toc1on = new Image(30, 30);
toc1on.src = "image1.gif";

toc2off = new Image(30, 30);
toc2off.src = "image.gif";
toc2on = new Image(30, 30);
toc2on.src = "image2.gif";

}
function img_act(imgName) {
if (version == "new") {
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
}
function img_inact(imgName) {
if (version == "new") {
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}
//-->
</script>

  Ответить  
 
 автор: sim5   (03.09.2009 в 14:58)   письмо автору
 
   для: Aidaho   (03.09.2009 в 14:50)
 

Ну что же вы такое старье откопали? Сделайте поиск - меню css javascript. Не привязываетсь к картинкам, а тем более обязательно смене картинок из кучи. Меню красивых, компактных и так мало в сети.

  Ответить  
 
 автор: Aidaho   (03.09.2009 в 15:13)   письмо автору
 
   для: sim5   (03.09.2009 в 14:58)
 

Пасибо большое сделал так:
onmouseup=this.src='$menu[img]' onmousedown=this.src='$menu[img2]'

а как при наведении сделать смену?
я что то видел вроде этого: OnMouseOver или как то так...

  Ответить  
 
 автор: sim5   (03.09.2009 в 15:31)   письмо автору
 
   для: Aidaho   (03.09.2009 в 15:13)
 

Точно так же, только для событий nmousemove и onmouseout, но только уж больно громоздким ваше меню будет от обилия событий, тем более, если меню сложное, со многими пунктами.

  Ответить  
 
 автор: Aidaho   (03.09.2009 в 15:36)   письмо автору
 
   для: sim5   (03.09.2009 в 15:31)
 

да нет.. там нет выпадающего меню...
а что делает onmosemove ?

  Ответить  
 
 автор: sim5   (03.09.2009 в 15:44)   письмо автору
 
   для: Aidaho   (03.09.2009 в 15:36)
 

http://javascript.ru/tutorial/intro

  Ответить  
 
 автор: Aidaho   (04.09.2009 в 07:34)   письмо автору
 
   для: sim5   (03.09.2009 в 15:44)
 

спасибо большое за ссылку, думаю то что нужно!
Вы мне кстати уже не первый раз помогаете, за это отдельное спасибо! ))

  Ответить  
Rambler's Top100
вверх

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