[ bojan_bozovic @ 06.11.2004. 01:01 ] @
Imam problema sa ovim u konqueroru - moze li neko da postuje kod koji ce da radi (samo za jedan link :)
nisam javascript programer...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript">
<!--

if (document.images) { // Active Images
img1on = new Image();
img1on.src = "images/home1.gif";

img2on = new Image();
img2on.src = "images/about1.gif";


.............................................. itd

img1off = new Image();
img1off.src = "images/home.gif";

img2off = new Image();
img2off.src = "images/about.gif";

............................................... itd.
// Function to 'activate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}

// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}

// -->
</script>
</head>
<body>
<a href="start.html" target="Content" onmouseover="imgOn('img1')"
onmouseout="imgOff('img1')"> <img
src="images/home.gif"
style="border: 0px solid ; width: 69px; height: 28px;" align="left"
name="img1" title="Start again" alt="Home"> </a><br clear="all">
<br clear="all">
<a href="about.html" target="Content" onmouseover="imgOn('img2')"
onmouseout="imgOff('img2')"><img
src="images/about.gif"
title="Lots of my rants about myself" alt="About myself" name="img2"
style="border: 0px solid ; width: 172px; height: 30px;"></a><br
clear="all">
<br clear="all">

..............................
itd itd

@moderatori
vec sam postovao ovo ovde, nisam video podforum :( ne mogu da je obrisem... sorry....
[ sojic @ 16.11.2004. 23:24 ] @
Batali javaScript. Pokusaj da to izvedes uz pomoc CSS. Potrazi u "Standardi" (podforumu)

Evo ti pomoc

Code:

a:link, a:visited {
   background-image: url(images/taster.gif);
   background-position: top left;
   height: 20px;
   width: 150px;
   display: block;
}

a:hover {
   background-position: -20px 0px;
}