PDA

Просмотр полной версии : как сделать чтоб картинка менчлась?

viqk
08.04.2002, 00:38
Я дизайнер, недавно начал понемногу сам разбираться в HTMLе, поэтому у меня пара возможно ламерских вопросов:

1) как сделать чтобы кнопка (jpg-картинка) менялась принаведении на нее мыши?
сделал во флэше - все в порядке, но при публикации и всавке в HTML документ вставляется не только кнопка а весь лист и портит форматирование. Как сделать чтоб из Флэша в HTML только сам рисунок вставить?

3) А можно так сделать чтобы независимо от разрешения монитора страничка всегда полностью и на всю ширину экрана открывалась?
KIT
08.04.2002, 07:07
В связи с вопросом выше. Можно как-нить сволйства уже открытого окна браузера менять при открытии какого-нить url'а?
Duh
08.04.2002, 22:46
viqk, Ты вообще знаком с такой штукой: скрипты....там можно почти всё...:)
Я во флэше не разбираюсь, зато скрипты знаю...ВБ и яву....:) Там ТАКОЕ можно наворотить...:)
Если я тебя заинтересовал...ставь InterDEV...там всё просто...:)
Если хочешь, свяжись со мной....дам примеры...али что объясню...:) :contract: dros@mail.ru ...:)
neomaster
09.04.2002, 09:22
вставить в страницу между тегами
<head>

<script language="JavaScript">
<!--hide from ancient browsers
var image1 = new Image;
image1.src ="путь_до_картинки_(нормальная).gif";
var image2 = new Image;
image2.src ="путь_до_картинки_(наведение мыши).gif";
//-->
</script>

</head>

теперь ссылка (кнопка)
<a href="ссылка" onMouseOver="document.image.src = image2.src" onMouseOut="document.image.src = image1.src"><img name="image" src="путь_до_картинки_(нормальная).gif" border="0"></a>

******************************

а чтобы страница была всегда на всю ширину монитора, нада использовать таблицы с определением занимаемого пространства не в пискелах, а в процентах...

например...

<table algin=center cellpading=0 cellspacing=0 width=99% border=0>

параметер width указывает что ширина таблицы всегда 99% от окна...
viqk
10.04.2002, 00:39
Спасибо!
Только вот у этого скрипта только две позиции - мышь в стороне от кнопки и над кнопкой.
А можно с помощью подобного скрипта сделать чтоб при нажатии на кнопку она опять изменялась (или возвращалась к первоначальному состоянию?
Ancient
16.04.2002, 23:48
viqk
Тут уже стоит посмотреть в сторону Flash'a. При помощи него это совсем не трудно реализовать. Да и для дизайнера ближе, чем просто html
viqk
17.04.2002, 00:47
Ancient
Согласен, тем более, что делал это во флэше, однако тут возникает другой вопрос - может, подскажешь...
Допустим, нужно, чтобы при наведении мыши кнопка плавно менялась - например, "загоралась", а при нажатии - возвращалась в прежнее состояние...
При использовании скрипта просто вставляешь анимированный gif - и все... а во флэше на каждое положение мыши один фрейм дается - как туда анимацию вставить?
Ancient
18.04.2002, 23:16
Я flash не занимаюсь, поэтому помочь вряд ли смогу. Хотя... В стандартной поставке Macromedia Flash идет tutorial. Один из уроков - создание кнопок.
Эти уроки не трудно найти и на русском языке...
viqk
18.04.2002, 23:34
Да нету там этого...
neomaster
22.04.2002, 21:12
Как писал viqk
Спасибо!
Только вот у этого скрипта только две позиции - мышь в стороне от кнопки и над кнопкой.
А можно с помощью подобного скрипта сделать чтоб при нажатии на кнопку она опять изменялась (или возвращалась к первоначальному состоянию?

просто допиши в скрипте еще один параметр...

var image3 = new Image;
image3.src ="путь_до_картинки_(нажатая).gif";

т.е. скрипт будет выглядеть так:

<script language="JavaScript">
<!--hide from ancient browsers
var image1 = new Image;
image1.src ="путь_до_картинки_(нормальная).gif";
var image2 = new Image;
image2.src ="путь_до_картинки_(наведение мыши).gif";
var image3 = new Image;
image3.src ="путь_до_картинки_(нажатая).gif";
//-->
</script>

и в ссылке соответственно нужно дописать параметр onClick

т.е. ссылка будет выглядеть так:

<a href="ссылка" onMouseOver="document.image.src = image2.src" onMouseOut="document.image.src = image1.src" onClick="document.image.src = image3.src" ><img name="image" src="путь_до_картинки_(нормальная).gif" border="0"></a>

... удачи :)
helldomain
13.05.2002, 12:43
Inogda zamechal, chto onmouseover ne wsegda rabotaet w IE6. Sam ne dizainer, po etomu onmouseover ne uzal, no kakim-to hrenom eto swiazanno s nastroikami zaschiti (hotya gde odno a gde drugoe i gde paranoiki :dance:)
Amethystos
26.11.2003, 00:20
Neomaster - spasibo bolshoe za teoriju - to, 4to mne bilo nuzno! :)
ТОлько у меня ещё один вопросик:
Если у меня несколько ссылок на странице, то как мне тогда быть?
Я попробовал , как было показано выше, вставить яву скрипт в ХЭД и код ссылок в БОДИ. Но, в итоге, у меня получилось, что все кнопки как ссылки работают, но не меняют изображения при наведении мыши. Что я не так сделал?