![]() |
как сделать чтоб картинка менялась?
Я дизайнер, недавно начал понемногу сам разбираться в HTMLе, поэтому у меня пара возможно ламерских вопросов:
1) как сделать чтобы кнопка (jpg-картинка) менялась принаведении на нее мыши? сделал во флэше - все в порядке, но при публикации и всавке в HTML документ вставляется не только кнопка а весь лист и портит форматирование. Как сделать чтоб из Флэша в HTML только сам рисунок вставить? 3) А можно так сделать чтобы независимо от разрешения монитора страничка всегда полностью и на всю ширину экрана открывалась? |
В связи с вопросом выше. Можно как-нить сволйства уже открытого окна браузера менять при открытии какого-нить url'а?
|
viqk, Ты вообще знаком с такой штукой: скрипты....там можно почти всё...:)
Я во флэше не разбираюсь, зато скрипты знаю...ВБ и яву....:) Там ТАКОЕ можно наворотить...:) Если я тебя заинтересовал...ставь InterDEV...там всё просто...:) Если хочешь, свяжись со мной....дам примеры...али что объясню...:) :contract: dros@mail.ru ...:) |
вставить в страницу между тегами
<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
Тут уже стоит посмотреть в сторону Flash'a. При помощи него это совсем не трудно реализовать. Да и для дизайнера ближе, чем просто html |
Ancient
Согласен, тем более, что делал это во флэше, однако тут возникает другой вопрос - может, подскажешь... Допустим, нужно, чтобы при наведении мыши кнопка плавно менялась - например, "загоралась", а при нажатии - возвращалась в прежнее состояние... При использовании скрипта просто вставляешь анимированный gif - и все... а во флэше на каждое положение мыши один фрейм дается - как туда анимацию вставить? |
Я flash не занимаюсь, поэтому помочь вряд ли смогу. Хотя... В стандартной поставке Macromedia Flash идет tutorial. Один из уроков - создание кнопок.
Эти уроки не трудно найти и на русском языке... |
Да нету там этого...
|
Цитата:
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> ... удачи :) |
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:)
|
Neomaster - spasibo bolshoe za teoriju - to, 4to mne bilo nuzno! :)
ТОлько у меня ещё один вопросик: Если у меня несколько ссылок на странице, то как мне тогда быть? Я попробовал , как было показано выше, вставить яву скрипт в ХЭД и код ссылок в БОДИ. Но, в итоге, у меня получилось, что все кнопки как ссылки работают, но не меняют изображения при наведении мыши. Что я не так сделал? |
Часовой пояс GMT +4, время: 01:40. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.