vraag over javascript

[milenaaa]

Ik heb een javascript en zou daar wat aan willen wijzigen (zou willen vragen of het mogelijk is als ik links maak van de afbeeldingen en of het mogelijk is om er een mouse over bij te maken bij elke afbeelding).

script tussen head tags:

<script language="javascript">


// ruimte tussen de plaatjes
var espace = 4;


var step = 1;
// verversen van de plaatjes in milliseconden
var rafraich = 30;

// positie van de plaatjesbar
docks_x = 300;
docks_y = 600;

// Taille de l'image au repos (carré)
var largeur = 50;
// Taille de l'image au survol (carré)
var largeur_grow = 200;

var timer;


image = new Array();


image[0] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-8650390.jpg";
image[1] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-429891.jpg";
image[2] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-430036.jpg";
image[3] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-454704.jpg";
image[4] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-339316.jpg";
image[5] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-468480.jpg";
image[6] = "http://fotojenn.exto.nl/gallery/dbimages/4009/4009-o-419852.jpg";


taille = new Array();
for(i = 0; i < image.length; i++)
{
taille[i] = largeur;
}


function docked(id)
{
if(document.getElementById('icone_' + id).width < taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width + step;
document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height + step;
timer1 = window.setTimeout("docked("+ (id) + ")",rafraich);
}
if(document.getElementById('icone_' + id).width > taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width - step;
document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height - step;
window.setTimeout("docked("+ (id) + ")",rafraich);
}
}


function setdocks(id)
{
window.clearTimeout(timer);
for(i = 0; i < image.length; i++)
{
if(i == id-1)
{
taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
}
else
{
if(i == id+1)
{
taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
}
else
{
if(i == id)
{
taille[i] = largeur_grow;
}
else
{
taille[i] = largeur;
}
}
}
docked(i);
}
timer = window.setTimeout("setdocks(-2);",1500);
}
</script>

 

[Xabre]

Zoek achter alle <img> tags met id = "icone_n" Binnen deze tag plaats je dan als tag onMouseOver = "windows.status=this.alt;"
bijvoorbeeld. Dit doe je voor alle <img>.

Buiten de <img> tag plaats je dan je <a href = "link"> </a> en klaar is kees

 

[milenaaa]

dit is dan het stukje waarin ik dat moet wijzigen dus?

taille = new Array();
for(i = 0; i < image.length; i++)
{
taille = largeur;
}


function docked(id)
{
if(document.getElementById('icone_n' + id).width < taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width + step;

document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height + step;
timer1 = window.setTimeout("docked("+ (id) + ")",rafraich);
}
if(document.getElementById('icone_' + id).width > taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width - step;
document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height - step;
window.setTimeout("docked("+ (id) + ")",rafraich);
}
}

 

[Xabre]

Toon eens de html pagina waarin je het javascript wilt laden

 

[milenaaa]

Ik heb hem even als bijlage erbij gedaan.., hoop dat dat gelukt is, staat namelijk nog niet op het web

 

[Xabre]

<script language="javascript">



if(document.getElementById)
{
	
	document.write("<div id='docksbar' style='position:absolute; left:"+ docks_x +"; top:"+ docks_y +"'>");
	document.write("<table cellpadding=0 cellspacing=0><tr>");
	for(i = 0; i < image.length; i++)
	{
		document.write("<td valign='center' align='center' style='padding:"+ espace +"'>");
		document.write("<img id='icone_"+ i +"' src="+ image[i] +" width="+ largeur +" height="+ largeur +" border=0 onmouseover='javascript:setdocks("+ i +")'>")
		document.write("</td>");
	}
	document.write("</tr></table>");
	document.write("</div>");
}
</script>

vervang je het regeltje

document.write("<img id='icone_"+ i +"' src="+ image[i] +" width="+ largeur +" height="+ largeur +" border=0 onmouseover='javascript:setdocks("+ i +")'>")

door

document.write("<a href = \"[I]link[/I]\"><img id='icone_"+ i +"' src="+ image[i] +" width="+ largeur +" height="+ largeur +" border=0 onmouseover=\"javascript:setdocks("+ i +");window.status='[I]blablabla[/I]'; \"></a>")