Jeg har fundet dette Javascript med rollover af billeder. Nu ved jeg ikke noget som helst om Javascript og ønsker hjælp til at lave det om. Det jeg ønsker dette Javascript skal kunne er at vise 6 tekst link med 6 rollover billeder. Man skal kunne oploade online og hvor den så indsætter det ind i en template side. Ved siden af skal der være mulighed for at skrive en beskrivelse af billederne, måske en url eller email.
Jeg vil gerne betale lidt for det, men det vil ikke være så meget jeg kan betale. Men i kan jo komme med et "billigt" tilbud. Det skal være i html eller php og må gerne bruge MYSQL
<style>
TD.format
{
COLOR: blue;
FONT-FAMILY: Verdana;
FONT-SIZE: 15px;
FONT-WEIGHT: bolder
}
TD.format A:active
{
COLOR: red;
TEXT-DECORATION: none
}
TD.format A:link
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:visited
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:hover
{
COLOR: red;
TEXT-DECORATION: none
}
</style>
<script LANGUAGE="javascript">
imgpath="images/"
imgtype=".jpg"
currID = 5
imgname=new Array();
imgname[0] = "img1";
imgname[1] = "img2";
imgname[2] = "img3";
imgname[3] = "img4";
function fnimgswap(id)
{
if (id != currID)
{
document.images["imgswap"].src=imgpath+imgname[id]+imgtype;
currID = id;
}
else
{
document.images["imgswap"].src='images/img0.jpg'
currID = id+1;
}
}
function displayWindow(url, width, height)
{
var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',left=0,top=0,resizable=no,scrollbars=no,menubar=no,status=no' );
}
//-->
</script>
</head>
<body bgColor="#003399">
<table bgColor="#000080" border="1" borderColorDark="#0000ff" borderColorLight="#000000"
cellPadding="10" cellSpacing="5" width="100%" height="98%">
<tr>
<td vAlign="center" height="80%"><div align="center">
<center>
<table border="0"
cellPadding="0" cellSpacing="0" width="500">
<tr>
<td align="center" vAlign="top" width="500" class=format> <table BORDER="3" CELLSPACING="5" CELLPADDING="5">
<tr>
<td><a href="javascript:displayWindow('images/L-img1.jpg',333,423)" onmouseover="javascript:fnimgswap('0')" onMouseout="javascript:fnimgswap('0')">Billede
1</a></td>
<td rowspan=4><img id="imgswap" name="imgswap" src="images/img0.jpg"></td>
</tr>
<tr>
<td><a href="javascript:displayWindow('images/L-img2.jpg',333,423)" onmouseover="javascript:fnimgswap('1')" onMouseout="javascript:fnimgswap('1')">Billede
2</a></td>
</tr>
<tr>
<td><a href="javascript:displayWindow('images/L-img3.jpg',333,423)" onmouseover="javascript:fnimgswap('2')" onMouseout="javascript:fnimgswap('2')">Billede
3</a></td>
</tr>
<tr>
<td><a href="javascript:displayWindow('images/L-img4.jpg',333,423)" onmouseover="javascript:fnimgswap('3')" onMouseout="javascript:fnimgswap('3')">Billede
4</a></td>
</tr>
</table></td>
</tr>
</table>
</center>
</div></td>
</tr>
</table>
</body>
</html>
M.D.J