imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Веб-мастеру > Веб-программирование
Опции темы
Старый 08.04.2002, 00:38     # 1
viqk
Guest
 
Сообщения: n/a

Question как сделать чтоб картинка менялась?

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

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

3) А можно так сделать чтобы независимо от разрешения монитора страничка всегда полностью и на всю ширину экрана открывалась?
 
Старый 08.04.2002, 07:07     # 2
KIT
Guest
 
Сообщения: n/a

В связи с вопросом выше. Можно как-нить сволйства уже открытого окна браузера менять при открытии какого-нить url'а?
 
Старый 08.04.2002, 22:46     # 3
Duh
Member
 
Аватар для Duh
 
Регистрация: 08.04.2002
Адрес: Estonia
Сообщения: 258

Duh Известность не заставит себя ждать
viqk, Ты вообще знаком с такой штукой: скрипты....там можно почти всё...
Я во флэше не разбираюсь, зато скрипты знаю...ВБ и яву.... Там ТАКОЕ можно наворотить...
Если я тебя заинтересовал...ставь InterDEV...там всё просто...
Если хочешь, свяжись со мной....дам примеры...али что объясню... dros@mail.ru ...
__________________
-Тут была реклама-
Duh вне форума  
Старый 09.04.2002, 09:22     # 4
neomaster
Guest
 
Сообщения: n/a

вставить в страницу между тегами
<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% от окна...
 
Старый 10.04.2002, 00:39     # 5
viqk
Guest
 
Сообщения: n/a

Спасибо!
Только вот у этого скрипта только две позиции - мышь в стороне от кнопки и над кнопкой.
А можно с помощью подобного скрипта сделать чтоб при нажатии на кнопку она опять изменялась (или возвращалась к первоначальному состоянию?
 
Старый 16.04.2002, 23:48     # 6
Ancient
Guest
 
Сообщения: n/a

viqk
Тут уже стоит посмотреть в сторону Flash'a. При помощи него это совсем не трудно реализовать. Да и для дизайнера ближе, чем просто html
 
Старый 17.04.2002, 00:47     # 7
viqk
Guest
 
Сообщения: n/a

Ancient
Согласен, тем более, что делал это во флэше, однако тут возникает другой вопрос - может, подскажешь...
Допустим, нужно, чтобы при наведении мыши кнопка плавно менялась - например, "загоралась", а при нажатии - возвращалась в прежнее состояние...
При использовании скрипта просто вставляешь анимированный gif - и все... а во флэше на каждое положение мыши один фрейм дается - как туда анимацию вставить?
 
Старый 18.04.2002, 23:16     # 8
Ancient
Guest
 
Сообщения: n/a

Я flash не занимаюсь, поэтому помочь вряд ли смогу. Хотя... В стандартной поставке Macromedia Flash идет tutorial. Один из уроков - создание кнопок.
Эти уроки не трудно найти и на русском языке...
 
Старый 18.04.2002, 23:34     # 9
viqk
Guest
 
Сообщения: n/a

Да нету там этого...
 
Старый 22.04.2002, 21:12     # 10
neomaster
Guest
 
Сообщения: n/a

Цитата:
Как писал 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>

... удачи
 
Старый 13.05.2002, 12:43     # 11
helldomain
Administrator
 
Аватар для helldomain
 
Регистрация: 13.05.2002
Сообщения: 11 227

helldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиург
helldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиургhelldomain Демиург
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 )
helldomain вне форума  
Старый 26.11.2003, 00:20     # 12
Amethystos
Member
 
Аватар для Amethystos
 
Регистрация: 19.05.2003
Адрес: Стол и стул
Сообщения: 321

Amethystos Путь к славе только начался
Neomaster - spasibo bolshoe za teoriju - to, 4to mne bilo nuzno!
ТОлько у меня ещё один вопросик:
Если у меня несколько ссылок на странице, то как мне тогда быть?
Я попробовал , как было показано выше, вставить яву скрипт в ХЭД и код ссылок в БОДИ. Но, в итоге, у меня получилось, что все кнопки как ссылки работают, но не меняют изображения при наведении мыши. Что я не так сделал?
__________________
Обожаю вкусненько поесть....а что - нельзя???
Кто может покормить - 9557770 - стучите!

Последний раз редактировалось Divine; 26.11.2003 в 00:33.
Amethystos вне форума  


Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения

BB код Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.

Быстрый переход


Часовой пояс GMT +4, время: 02:31.




Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.