Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

JS button

Последователи

16 февруари 200917 г.

Ще може ли някой да ме насочи към читав урок, защото като допиша тоя код нещо се прецаква:

function changeImage()

{

document.images["jsbutton"].src=

return true;

}

function changeImageBack()

{

document.images["jsbutton"].src =

return true;

}

</SCRIPT>

17 февруари 200917 г.

Ще може ли някой да ме насочи към читав урок, защото като допиша тоя код нещо се прецаква:

Много зависи, какво точно дописваш :go ahead:

17 февруари 200917 г.

Нормално е да се прецака, защото кода не цял.

<script language="JavaScript">

function changeImage()

{

  document.images["jsbutton"].src = 'image1.gif';

  return true;

}

function changeImageBack()

{

  document.images["jsbutton"].src = 'image2.gif';

  return true;

}

</SCRIPT>

17 февруари 200917 г.

Автор

Еми аз давам целия път нали щото ми е на деска C:\Documents and Settings\Dimension Master\Desktop\button1.jpg и когато посоча върху нея и излиза само едно X нищо повече

17 февруари 200917 г.

Сложи картинките в поддиректория, например "images", и няма да имаш проблем.

17 февруари 200917 г.

Автор

script language="JavaScript">

function changeImage()

{

document.images["jsbutton"].src= "C:\Documents and Settings\Dimension Master\Desktop\images\2.gif";

return true;

}

function changeImageBack()

{

document.images["jsbutton"].src = "C:\Documents and Settings\Dimension Master\Desktop\images\1.gif";

return true;

}

Пак същото :X

Редактирано 17 февруари 200917 г. от Alexxx888 (преглед на промените)

18 февруари 200917 г.

Сложи целия HTML файл тук за да видим къде ти е проблема.

18 февруари 200917 г.

Пробвал ли си с различни браузъри ?

За Firefox виж ТОВА, във връзка с достъпа до локални изображения.

И най-добре тествай през WEB сървър, a не с директни линкове.

Редактирано 18 февруари 200917 г. от Ken (преглед на промените)

18 февруари 200917 г.

@Kimvaras имаше предвид да направиш папката 'images' където се намира самата страница... както и да е : )

Ето малко теория по въпроса...

Има два начина за задаване на адрес към дадена картинка в html-а - локален и другия в момента не мога да се сетя как се казваше - най-вече защото не се използва от никой.

Нормалният начин да зададеш път към картинката е където ти е папката със страницата, да направиш още една папка 'imgs', да речем, и в нея да си сложиш висчките си картинки. После когато задаваш адреса на картинките ще пишеш:

<img src="imgs/image1.gif" />

Ако искаш да зададеш целия път, както ти правиш горе в кода си, ще пишеш:

<img src="file:///C:/Documents and Settings/Dimension Master/Desktop/button1.jpg" />

Забележи също така, че чертите са наклонени надясно

18 февруари 200917 г.

Автор

<HTML>

<HEAD>

<TITLE>

</TITLE>

<BODY>

<A href="C:\Documents and Settings\Dimension Master\Desktop\1.html" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()" ><img

name="jsbutton" src="C:\Documents and Settings\Dimension Master\Desktop\images\1.gif" width="110" height="28" border="0"

alt="javascript button"></A>

function changeImage()

{

document.images["jsbutton"].src= <img src="file:///C:/Documents and Settings/Dimension Master/Desktop/images/2.gif" />

return true;

}

function changeImageBack()

{

document.images["jsbutton"].src = <img src="file:///C:/Documents and Settings/Dimension Master/Desktop/images/1.gif" />

return true;

}

</SCRIPT>

</BODY>

</HEAD>

</HTML>

18 февруари 200917 г.

Това което си сложил тук, заради грешния скрипт, изобщо не работи.

Пробвай това:

<HTML>

<HEAD>

<TITLE>

</TITLE>

<script language="JavaScript">

function changeImage()

{

  document.images["jsbutton"].src = "images/2.gif";

  return true;

}

function changeImageBack()

{

  document.images["jsbutton"].src = "images/1.gif";

  return true;

}

</SCRIPT>

</HEAD>

<BODY>

  <A href="1.html" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()" >

	<img name="jsbutton" src="images/1.gif" width="110" height="28" border="0" alt="javascript button">

  </A>

</BODY>

</HTML>

Съвети: Направи си една директория, която ще ти съдържа всички такива проекти. За всеки проект си прави отделни поддиректории, за да не ги мешаш. Използвай локални извиквания "images/2.gif", а не глобални "file:///C:/Documents and Settings/Dimension Master/Desktop/images/2.gif". Локалните са независими и като си прехвърлиш сайта на някой хост, всичко ще работи. Подреждай си кода, за да можеш лесно да го редактираш. Ето и една моя вариация на този код, която не използва JavaScript, а само CSS:

<HTML>

<HEAD>

<TITLE></TITLE>

<STYLE>

  a.imageLink

  {

	width:110px;

	height:28px;

	background:url(images/1.gif) no-repeat;

	display:block;

  }

  a.imageLink:hover

  {

	background:url(images/2.gif) no-repeat;

  }

</STYLE>

</HEAD>

<BODY>

  <A class='imageLink' href="1.html"></A>

</BODY>

</HTML>

Редактирано 18 февруари 200917 г. от Kimvaras (преглед на промените)