Помогни ни да направим Uroci.net по - богат! Добави урок

Промяна на картинки

fix3d   трудност:    видян: 10472


Скрипта прави 2неща. Първо зарежда картинките преди още да са извикани за показване. Ако тази част я няма когато минете с мишката в/у картинка на която е приложен скрипта известно време мястото ще стои празно, докато се извика и зареди 2рата картинка.

С javascript-а правим обект Image() и му придаваме изображение. Едно за нормално състояние и едно когато мине мишката.

След това има 2 функции "over" и "out", които променят изображенията според ситуацията.

Ако погледнете таговете <а> ще видите onMouseOver и onMouseOut. Това са събития при които се изпълняват замените на изображения.

Итова е кода:

<script language="JavaScript">
<!--
// Предварително зареждане на изображенията.
if (document.images) {
img1_open = new Image();
img1_closed = new Image();
img2_open = new Image();
img2_closed = new Image();

img1_open.src="open1.gif";
img1_closed.src="closed1.gif";
img2_open.src="open2.gif";
img2_closed.src="closed2.gif";
}

function over(i)
{
if (document.images)
eval('document.img'+i+'.src=img'+i+'_open.src');
}

function out(k)
{
if (document.images)
eval('document.img'+k+'.src=img'+k+'_closed.src');
}
//-->
</script>


<a href="http://www.uroci.com/" onMouseOver="over(1);" onMouseOut="out(1);">
<img name=img1 border=0 alt="Смяна на изображението..." src="closed1.gif"></a>

<a href="http://www.uroci.com/" onMouseOver="over(2);" onMouseOut="out(2);">
<img name=img2 border=0 alt="Смяна на изображението..." src="closed2.gif"></a>



Коментари (3)

NASA на 14.06 2006 в 10:27ч.
Моля някой да ми обясни точно кое трябва да сменя, защото нямам и представа.. кое от всичките img, images трябва да променя със съответна картинка.. Примерно ако може да напишете на кирилица там, където трябва да се сложи собствен адрес на снимката:
Ex.:
снимка-1
снимка-2
sanchev на 31.12 2009 в 14:36ч.
Със замяна на едно изображение го разбрах, но не мога да схвана как ще стане с 2 или повече изображения. Ако може да пуснете кода.
cpphomebg на 03.07 2010 в 21:24ч.
if (document.images) {
img1_open = new Image();
img1_closed = new Image();
img2_open = new Image();
img2_closed = new Image();
img3_open = new Image();
img3_closed = new Image();

img1_open.src="open1.gif";
img1_closed.src="closed1.gif";
img2_open.src="open2.gif";
img2_closed.src="closed2.gif";
img3_open.src="open2.gif";
img3_closed.src="closed2.gif";
}

function over(i)
{
if (document.images)
eval('document.img'+i+'.src=img'+i+'_open.src');
}

function out(k)
{
if (document.images)
eval('document.img'+k+'.src=img'+k+'_closed.src');
}
//-->













................
ПОЗДРАВИ !

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com