Voici quelques détails sur le code :
- 3 tableaux d'une seule cellule :
- 1 général qui fait toute la page (pour aligner en bas)
- 1 en bas qui servira de capteur d'évènement pour la souris
- 1 réduit au max qui contiendra les images (avec une ID)
var NbImg=4; // nombre d'images
var ImgWid=60; // taille initiale
var ImgSiz=40; // taille d'agrandissement (ici on aura des images de 60+40 pixels)
var Tab=new Array(NbImg);
function SuperMove()
{
CalcWidths();
}
function CalcWidths()
{
var i=0;
var iWid=0;
var iTest=0;
baseX=window.event.x;
// baseY=window.event.y;
// if (baseX%5!=0) return;
for(i=0;i<NbImg;i++)
{
iTest=ImgWid+Math.round(ImgSiz*(Math.cos(((baseX-(Tab[i]+((ImgWid+4)/2)))/ImgWid)+(Math.PI/(Tab[i]/(ImgWid+4))))));
if ((Tab[i]+(ImgWid/2+2)baseX+(ImgWid+30)) || (iTest
</td></tr></table>
</center>
</TD>
</TR>
</TABLE>
Les images que j'ai utilisés sont dans le zip...
Si j'ai oublié quelque chose, dites-le moi !!! ;-)
marcel1307
Messages postés22Date d'inscriptionmercredi 28 mai 2003StatutMembreDernière intervention 5 juin 2008 9 janv. 2004 à 23:12
Salut!! Je trouve cette idée vraiment parfaite et très jolie. Mais le truc c que tu donne ton site entier pas le code... Pourrais tu ne donner que le code de cette barre de menu stp et comment le mettre en 800/600. Merci bcp @+
24 sept. 2009 à 16:37
Je ne suis pas un pro de javascript mais la console d'erreur de FF donne "window.event is undefined" à propos de la ligne 84 de accueil.html :
baseX=window.event.x;
Je laisse donc le 5/10 par défaut, je pense qu'il y a un truc à faire pour que cela fonctionne à la vue des autres commentaires !
25 mai 2006 à 12:48
11 août 2004 à 03:32
15 avril 2004 à 17:40
Au plaisir d'achanger de nouvelles sources avec vous tous !
Aurélien
14 avril 2004 à 18:05
C'etait la remarque de l'inspecteur des traveaux finis ;)
14 avril 2004 à 17:38
1 avril 2004 à 02:22
__________________
trés biens meme !
ouaia ouais tres tres bien!
c'est cela que je cherchais!
_________________________
10 janv. 2004 à 14:19
- 3 tableaux d'une seule cellule :
- 1 général qui fait toute la page (pour aligner en bas)
- 1 en bas qui servira de capteur d'évènement pour la souris
- 1 réduit au max qui contiendra les images (avec une ID)
Les images ont une ID "Icon"+n° incrémentiel.
Le code :
<script languaue="JavaScript">
baseX=0; // capteurs d'évènement
baseY=0;
deltaX=0;
deltaY=0;
var NbImg=4; // nombre d'images
var ImgWid=60; // taille initiale
var ImgSiz=40; // taille d'agrandissement (ici on aura des images de 60+40 pixels)
var Tab=new Array(NbImg);
function SuperMove()
{
CalcWidths();
}
function CalcWidths()
{
var i=0;
var iWid=0;
var iTest=0;
baseX=window.event.x;
// baseY=window.event.y;
// if (baseX%5!=0) return;
for(i=0;i<NbImg;i++)
{
iTest=ImgWid+Math.round(ImgSiz*(Math.cos(((baseX-(Tab[i]+((ImgWid+4)/2)))/ImgWid)+(Math.PI/(Tab[i]/(ImgWid+4))))));
if ((Tab[i]+(ImgWid/2+2)baseX+(ImgWid+30)) || (iTest
</td></tr></table>
</center>
</TD>
</TR>
</TABLE>
Les images que j'ai utilisés sont dans le zip...
Si j'ai oublié quelque chose, dites-le moi !!! ;-)
9 janv. 2004 à 23:12