IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Дизайн (https://www.imho.ws/forumdisplay.php?f=22)
-   -   артинки и ссылки (https://www.imho.ws/showthread.php?t=34366)

KitKat99 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 чтобы не парить мозги, лучше, конечно, не знать. И не знать, как это потом в каком вмде отобразится на каких браузерх и платформах... А еще лучше вообще все сайты картинками делать. Это же просто....

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

KitKat99 15.07.2003 15:41
Цитата:
Как писал madmoor
KitKat99
Читай здесь.
Большое спасибо!!!! :)

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

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>

Viroman 20.07.2003 01:59
Вот ещё один достойный пример
<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>

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


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

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