Portail PHP
Forum de discussion et d'aide au php
Vous n'êtes pas identifié.
Annonce
|
Regles d'utilisation des forums : pensez à toujours les respecter si vous désirez obtenir des réponses rapides. FAQ : pensez à toujours chercher dedans si la réponse à votre question est dedans. Proposez vos news : si vous avez un evenement à annoncer le chat : venez discuter de php. |
||
#1 07-06-2006 05:19:00
- saleh
- Modérateur global
- Lieu: Oran - Algérie
- Date d'inscription: 13-07-2005
- Messages: 137
Image Rollover
Hello,
Je cherche si qlq'1 a déja faut cela un petit script ( certainement en javascript ou en DHTML ) qui au passage de la souris sur une image ( Miniature ou redimensionnée ) affiche cette image avec sa taille réelle pas dans le même endroit car ça perturberait le design mais dans un genre de popup sans barre de titre ni rien du tout ( Une simulation d'une popup ) si la popup ne s'affiche pas comme fenêtre ce serait le top, ceci est pour expliquer l'idée, sinon juste ce qu'il faut faire pour ouvrir une fenêtre sans barre de titre ...
Je sais que c'est faisable, car je l'ai déja vu dans un site Web de e-commerce.
Merci.
Hors ligne
#4 07-06-2006 10:06:25
- saleh
- Modérateur global
- Lieu: Oran - Algérie
- Date d'inscription: 13-07-2005
- Messages: 137
Re: Image Rollover
Je l'ai déja vu dans un site Web, ça fait quelques mois, comme ça en passant, ce qui fait que je ne me rapelle plus quel était ce site Web 
, pour le z-index, Palm ! tu me mets dans la voix ?
Serions-nous en train de parler de cellules ... ?
Hors ligne
#5 07-06-2006 13:55:01
Re: Image Rollover
sur la voix non mais sur la voie, oui 
@llez, vu que je suis de bonne humeur, je viens te construire la fonction. Comme tu peux le voir, rien de plus simple 
Code:
<script type="text/javascript">
function show(nomdiv) {
fullname = nomdiv + '_big';
document.getElementById(fullname).style.visibility = 'visible';
}
function revert(nomdiv) {
fullname = nomdiv + '_big';
document.getElementById(fullname).style.visibility = 'hidden';
}
</script>
</head>
<body>
<div align="left" id="img01_big" style="visibility:hidden" style="top:10px; left:10px; z-index:10; position:fixed;"><img src="http://r2d.psuken.info/photos/060415_Red_Raide_Night/images/100_2799.jpg" alt="image" width="550" height="413" /></div>
<div id="img01" align="left" style="width:75px; height:56px; top:10px; left:10px; z-index:1; position:fixed;" onmouseover="show(this.id);" onmouseout="revert(this.id)"><img src="http://r2d.psuken.info/photos/060415_Red_Raide_Night/thumbnails/100_2799.jpg" alt="miniature" width="75" height="56" /></div>Hors ligne
#6 08-06-2006 08:16:16
- saleh
- Modérateur global
- Lieu: Oran - Algérie
- Date d'inscription: 13-07-2005
- Messages: 137
Re: Image Rollover
Je voi(e) que tu es de bonne humeur, pffff g écris ça, personne n'est parfait, même moi je me trompe de temps en temps
Bref je vais essayer tout ça et je reviens ...
Hors ligne
#7 19-06-2006 13:19:54
- saleh
- Modérateur global
- Lieu: Oran - Algérie
- Date d'inscription: 13-07-2005
- Messages: 137
Re: Image Rollover
Comme ça répond à ma question, je marque comme résolu, n'empêche que j'ai trouvé un meilleur moyen d'afficher mes images, j'écrirais le code dans PORTIONS DE CODE plus tard ...
Hors ligne
