Galerie image javascript

Résolu

XeptoR Messages postés 58 Date d'inscription mardi 20 janvier 2009 Statut Membre Dernière intervention 1 juillet 2010 - 26 juin 2009 à 13:45
XeptoR Messages postés 58 Date d'inscription mardi 20 janvier 2009 Statut Membre Dernière intervention 1 juillet 2010 - 29 juin 2009 à 09:30

Bonjour à tous

J'explique mon probleme, je suis en train (d'essayer) de developper une galerie d'image en javascript. Donc mon script est fait, seulement le soucis est que lorsque je selectionne une image a afficher elle s'affiche puis redisparait pour laisser place à l'image d'origine.

HTML :

<html>
<head>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>Galerie</title>
</head>

<body>



<div id="view">

<div id="openmini1" style="display:block"> 
<img src="images/090103030935_100.jpg" height="90%" width="90%" />
<p>Image 1</p>
</div>

<div id="openmini2" style="display:none"> 
<img src="images/090218203912_67.jpg" height="90%" width="90%"/>
<p>Image 2</p>
</div>

<div id="openmini3" style="display:none"> 
<img src="images/090220173456_31.jpg" height="90%" width="90%"/>
<p>Image 3</p>
</div>

</div>


<div id="link">
<a href="" id="mini1" onClick="ouvrir(this);"><img src="images/090103030935_100.jpg" width="10%" height="10%"></a>
<a href=""id="mini2" onClick="ouvrir(this);"><img src="images/090218203912_67.jpg" width="10%" height="10%"></a>
<a href="" id="mini3" onClick="ouvrir(this);"><img src="images/090220173456_31.jpg" width="10%" height="10%"></a>
</div>

<a href="#">Ajouter une photo</a>

</body>

JAVASCRIPT :

function ouvrir(num)
{
var image = num.id;
alert ("id de l'image: "+image);
var gdImage1 = "open"+image;
alert ("nom de l'image gd: "+gdImage1);

for(i=1; i<4; i++)
{
alert("i: "+i);
var gdImage2 = "openmini"+i;
alert ("nom de l'image gd: "+gdImage2);

if (gdImage1==gdImage2)
{
alert("si "+i);
document.getElementById(gdImage1).style.display="block";
return;
} //fin if
else
{
alert("e"+i);
document.getElementById(gdImage2).style.display="none";

} // fin else

} // fin for

} // fin fonction

PS :
J'ai mis des alert pour voir ou on se trouve dans le script

Voila merci d'avance
@+

A voir également:

Galerie image javascript
Galerie photo en ligne gratuite - Guide
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Telecharger javascript - Télécharger - Langages
Reduire taille image - Guide

2 réponses

Réponse 1 / 2

XeptoR Messages postés 58 Date d'inscription mardi 20 janvier 2009 Statut Membre Dernière intervention 1 juillet 2010
27 juin 2009 à 11:06

pas d'idée ?

Réponse 2 / 2

XeptoR Messages postés 58 Date d'inscription mardi 20 janvier 2009 Statut Membre Dernière intervention 1 juillet 2010
29 juin 2009 à 09:30

up!

Discussions similaires

PIX

Bonjour,
Quelles sont les 2 orientations possibles d'une page d’un document numérique ?

Dissocier les photos de ma galerie sur Google Photos

Bonjour, Je possède un Redmi Note 10 et je n'arrive pas à dissocier les photos de ma galerie sur Google Photos (elle restent présentes même quand de désactive la sauvegarde sur Google Photo) Pouvez-vous m'ader à régler le problème ?

Ne plus lier galerie et google photos

Bonjour,
J'aimerais que lorsque je prends une photo elle soit dans ma galerie et pas dans mon compte Google images
Comment faire ? Je ne trouve nulle part l'option ?
Merci !

Comment recadrer une image avec Inkscape

Bonjour,
je voulais savoir comment faire pour recadrer une image c'est a dire par exemple prendre qu'une partie au milieu j'ai la version Inkscape 0.46 et j'ai pas su comment faire .merci
Bonne journéeConfiguration: Windows XP
Firefox 2.0.0.12

Votre réponse

Discussions similaires