|
|
|
| Добрый день. знаю банальный вопрос но все же может кто поможет?
Надо что бы при наведение в меню которая состоит из картинок менялись картинки.. в нете нашел дофига скриптов но они мне не подходят... Дело в том, что у меня все меню хранятся в базе и адреса картинок тоже и выводится это циклом так:
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 я полнейший ноль ((( | |
|
|
|
|
|
|
|
для: Aidaho
(03.09.2009 в 08:37)
| | У вас в базе хранятся не изображения а путь к ним, а значит и изображения "сменщики" должны лежать по указанному пути. При формировании меню на сервере, формируйте и массив для JS этих изображений, ну а дальше уже смена этих изображений скриптом у клиента.
Можно поступить и по другому - изображения для меню, это два скленных изображения по вертикали или горизонтали, которые назначаются элементу меню (не картинке) в качестве фона, и при наведении вы меняете либо класс стиля этого элемента, либо позицию этого фона. | |
|
|
|
|
|
|
|
для: sim5
(03.09.2009 в 11:03)
| | а можно пожалуйста пример если есть? | |
|
|
|
|
автор: ыыыыыыыы (03.09.2009 в 12:53) |
|
|
для: Aidaho
(03.09.2009 в 12:30)
| | примеров нету | |
|
|
|
|
|
|
|
для: Aidaho
(03.09.2009 в 12:30)
| | Да примеров хоть отбавляй - это те многочисленные примеры меню в сети, которые, как вы говорите, вам не подходят. Не они вам не подходят, это вы не понимаете как связать их элементы с конкретно вашими ссылками.
Выберите нужное вам меню в сети, создайте для него необходимые изображения (если нужно), опишите стили его, а как связать его элементы с вашим кодом, в этом конкретном вопросе и спрашивайте помощи. | |
|
|
|
|
автор: ыыыыыыыы (03.09.2009 в 13:29) |
|
|
для: sim5
(03.09.2009 в 13:26)
| | нету примеров | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: Aidaho
(03.09.2009 в 14:50)
| | Ну что же вы такое старье откопали? Сделайте поиск - меню css javascript. Не привязываетсь к картинкам, а тем более обязательно смене картинок из кучи. Меню красивых, компактных и так мало в сети. | |
|
|
|
|
|
|
|
для: sim5
(03.09.2009 в 14:58)
| | Пасибо большое сделал так:
onmouseup=this.src='$menu[img]' onmousedown=this.src='$menu[img2]'
|
а как при наведении сделать смену?
я что то видел вроде этого: OnMouseOver или как то так... | |
|
|
|
|
|
|
|
для: Aidaho
(03.09.2009 в 15:13)
| | Точно так же, только для событий nmousemove и onmouseout, но только уж больно громоздким ваше меню будет от обилия событий, тем более, если меню сложное, со многими пунктами. | |
|
|
|
|
|
|
|
для: sim5
(03.09.2009 в 15:31)
| | да нет.. там нет выпадающего меню...
а что делает onmosemove ? | |
|
|
|
|
|
|
|
|
для: sim5
(03.09.2009 в 15:44)
| | спасибо большое за ссылку, думаю то что нужно!
Вы мне кстати уже не первый раз помогаете, за это отдельное спасибо! )) | |
|
|
|