Genre y'z dock ou mydock en page web!!!

Commenter

Contenu du snippet

Ce petit codes sert a imiter y'z dock (qui n'est plus en distribution par son auteur)

y'z dock est une barre qui sert a remplacer le demarrer de windows (remarque il en a sur les mac)un exemple sur ce site

http://customxp.net/modules/cjaycontent/images/dock.gif

Ce script est a la version 1.0 elle est plaine de bugs pour le déplacement je vais essayer de la modifier de l'aide serais apprecier!!!

ps-vous ne verrai pas les image!!vous devez changer tout les noms jimmy.ico par votreimage.gif ou .jpg

merci j'attend vos commentaire pour mon premier script et aider moi a le rendre meilleur

jimmydignard1@hotmail.com

Source / Exemple : 


<HTML>
<HEAD>
<script language="JavaScript">
<!--
var coeff=17;//Coefficient de reduction
var larg=200;//largeur maxi de l'image
var haut=200;//hauteur maxi de l'image
function changer(sel) { 
switch(sel){
case 1 : //image 1
if (document.image1.width < larg) {
coeff = coeff-0.2;
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
chang=window.setTimeout('changer(1);',1);//vitesse de l'effet
}
break;
case 2 : //image 2
if (document.image2.width < larg) {
coeff = coeff-0.2;
document.image2.width = Math.round(larg/coeff);
document.image2.height = Math.round(haut/coeff);
chang=window.setTimeout('changer(2);',1);//vitesse de l'effet
}
break;
case 3 : //image 3
if (document.image3.width < larg) {
coeff = coeff-0.2;
document.image3.width = Math.round(larg/coeff);
document.image3.height = Math.round(haut/coeff);
chang=window.setTimeout('changer(3);',1);//vitesse de l'effet
}
break; 
//images suivantes ...
}
if (document.image2.width >= larg) window.clearTimeout(chang);
} 
function initial(sel) {
switch(sel){
case 1 : //image 1
if (document.image1.width > larg/4) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
initi=window.setTimeout('initial(1);',1);//vitesse de l'effet
}
break;
case 2 : //image 2
if (document.image2.width > larg/4) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image2.width = Math.round(larg/coeff);
document.image2.height = Math.round(haut/coeff);
initi=window.setTimeout('initial(2);',1);//vitesse de l'effet
}
break;
case 3 : //image 3
if (document.image3.width > larg/4) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image3.width = Math.round(larg/coeff);
document.image3.height = Math.round(haut/coeff);
initi=window.setTimeout('initial(3);',1);//vitesse de l'effet
}
break;
//images suivantes ...
}
if (document.image1.width < larg/4) window.clearTimeout(initi);
}
//-->
</script>
<TITLE>les dock</TITLE>
</HEAD>
<BODY>
<a href="#" onMouseOut="initial(1)" onMouseOver="changer(1)" ><img src="jimmy.ico" name="image1" border="0" width="32" height="32"></a>
<script language="JavaScript">
</script>
<a href="#" onMouseOut="initial(2)" onMouseOver="changer(2)" ><img src="jimmy.ico" name="image2" border="0" width="32" height="32"></a>
 <script language="JavaScript">
<!--
document.image2.width = Math.round(larg/coeff);
document.image2.height = Math.round(haut/coeff);
//-->
</script>
<a href="#" onMouseOut="initial(3)" onMouseOver="changer(3)" ><img src="jimmy.ico" name="image3" border="0" width="32" height="32"></a>
<script language="JavaScript">
<!--
document.image3.width = Math.round(larg/coeff);
document.image3.height = Math.round(haut/coeff);
//-->
</script>
</BODY>
</HTML>

Conclusion :


aidez moi a corriger les bug!!!!

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_jim333)