артинки и ссылки - Дизайн

14.07.2003, 15:32

Как сделать , чтобы при наведении мыши на картинку появлялась другая картинка за мечто первой? И чтоюы это одновременно была и ссылка. Если кто знает, то как сделать , чтобы картинка переходила более плавно? За любой ответ спасибо!!!

phill · 14.07.2003, 15:47

поставь себе dreamweaver и не парь мозги - там ето одной кнопочкой дулается всего то

гы...

madmoor · 15.07.2003, 14:30

KitKat99
Читай здесь.

madmoor · 15.07.2003, 14:33

philll чтобы не парить мозги, лучше, конечно, не знать. И не знать, как это потом в каком вмде отобразится на каких браузерх и платформах... А еще лучше вообще все сайты картинками делать. Это же просто....

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

15.07.2003, 15:41

Цитата:

Как писал madmoor
KitKat99
Читай здесь.

Большое спасибо!!!!

У меня еще один вопрос. Если у меня на 1 страничке больше одной картинки , то как быть со <SCRIPT></SCRIPT> , если изображения разные?

madmoor · 15.07.2003, 23:25

KitKat99
Внимательно просмотри - поймешь. Проанализируй

Код:

<HEAD>
<SCRIPT>
<!--
if (document.images) {

image1on = new Image();    // Это первый имидж
image1on.src = "swap_pic1.gif";
image1off = new Image();
image1off.src = "swap_pic.gif";


image2on = new Image();  // А это второй, и далее сколько угодно
image2on.src = "swap_pic1.gif";
image2off = new Image();
image2off.src = "swap_pic.gif";
}

function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}

function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}
-->
</SCRIPT>
</HEAD>
<BODY>
<a href="HTTP://ТЫРЫПЫРЫ.RU" onMouseOver="turnOn('image1')" 
onMouseOut="turnOff('image1')">
<img name="image1" src="swap_pic.gif"
alt="Пример активной картинки" width="100" height="50" border="0"></a>

<a href="HTTP://MWEB.RU" onMouseOver="turnOn('image2')" 
onMouseOut="turnOff('image2')">
<img name="image2" src="swap_pic.gif" 
alt="А вот и вторая" width="100" height="50" border="0"></a>
</BODY>

20.07.2003, 01:59

Вот ещё один достойный пример
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
И больше не надо добавлять в скрипты ничего.
Дальше так
<A "href="HTTP://ТЫРЫПЫРЫ.RU" onMouseOver="over('image1','swap_pic1.gif'); "onMouseOut="out('image1','swap_pic.gif');"><img name="image1" src="swap_pic1.gif"
alt="Пример активной картинки" width="100" height="50" border="0"></a>

<A "href="HTTP://ТЫРЫПЫРЫ.RU" onMouseOver="over('image2','swap_pic21.gif'); "onMouseOut="out('image2','swap_pic2.gif');"><img name="image2" src="swap_pic2.gif"
alt="Пример активной картинки" width="100" height="50" border="0"></a>

Пробовал на Опере и експлорере естественно работает на ура. На нетскейпе не пробовал, за неимением.

15.07.2003, 14:30	# 3
madmoor Full Member Регистрация: 04.01.2003 Адрес: Latvia Сообщения: 800	KitKat99 Читай здесь. __________________ Esa hora irá creciendo cada día que pase, esa hora ya no parará más

15.07.2003, 14:33	# 4
madmoor Full Member Регистрация: 04.01.2003 Адрес: Latvia Сообщения: 800	philll чтобы не парить мозги, лучше, конечно, не знать. И не знать, как это потом в каком вмде отобразится на каких браузерх и платформах... А еще лучше вообще все сайты картинками делать. Это же просто.... Если не знать элементарного кодинга разметки и делать чисто в визуальном редактора, то получаются страницы, на которые смотреть не хочется __________________ Esa hora irá creciendo cada día que pase, esa hora ya no parará más

14.07.2003, 15:32	# 1
KitKat99 Guest Сообщения: n/a	артинки и ссылки Как сделать , чтобы при наведении мыши на картинку появлялась другая картинка за мечто первой? И чтоюы это одновременно была и ссылка. Если кто знает, то как сделать , чтобы картинка переходила более плавно? За любой ответ спасибо!!!

14.07.2003, 15:47	# 2
phill Full Member Регистрация: 24.03.2003 Адрес: ~ukraine Сообщения: 534	поставь себе dreamweaver и не парь мозги - там ето одной кнопочкой дулается всего то гы... __________________ Морковь высевают 2 - 3 раза. Для получения пучковой продукции семена высевают рано весной или под зиму. <3

20.07.2003, 01:59	# 7
Viroman Guest Сообщения: n/a	Вот ещё один достойный пример <SCRIPT LANGUAGE="JavaScript"> <!--// browser_name = navigator.appName; browser_version = parseFloat(navigator.appVersion); if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; } else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; } else { roll = 'false'; } function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } } function out(img,ref) { if (roll == 'true') { document.images[img].src = ref; } } if (roll == 'true') { } //--> </SCRIPT> И больше не надо добавлять в скрипты ничего. Дальше так <A "href="HTTP://ТЫРЫПЫРЫ.RU" onMouseOver="over('image1','swap_pic1.gif'); "onMouseOut="out('image1','swap_pic.gif');"><img name="image1" src="swap_pic1.gif" alt="Пример активной картинки" width="100" height="50" border="0"></a> <A "href="HTTP://ТЫРЫПЫРЫ.RU" onMouseOver="over('image2','swap_pic21.gif'); "onMouseOut="out('image2','swap_pic2.gif');"><img name="image2" src="swap_pic2.gif" alt="Пример активной картинки" width="100" height="50" border="0"></a> Пробовал на Опере и експлорере естественно работает на ура. На нетскейпе не пробовал, за неимением.