Forum d'entraide PHPFrance

Bonjour,

J'ai un script sur lequel il y a des images miniatures, je souhaite mettre la première image en grand et laisser les autres en miniature.

J'ai beau tatonner mais je n'y arrive pas pourtant ça me semble tout simple.

Voici mon code : Si vous avez une ou ou des idées..

Bonjour,

Pour faire cela, il faut que tu initialise une variable, par exemple $i à 1 avant ta boucle foreach.
Puis dans ta boucle, tu teste la variable de $i, si c'est égale à 1, tu affiches en grande, sinon tu affiches en petit.
Et ensuite toujours dans ta boucle tu incrémentes la valeur de $i

Bonjour,

Merci, c'est justement ce que je n'arrive pas à faire, j'ai tenté de m'inspirer de différents exemple mais ça ne marche toujours pas.

ou puis-je trouver un tutu qui m'aide vraiment ?

Merci d'avance

C'est pourtant très simple.
Tu définis une variable et tu lui donne une valeur initiale (par exemple 1).
Tu poses une condition du style : Si la variable est égale à 1, on affiche en grand. Au contraire, si elle est plus grande que 1, on affiche en petit.

<?php 
if (MAX_IMG_NUM>0){?>        
      <div id="pictures">
         <?php 
        $i = 0; //On instaure notre variable
         foreach($itemImages as $img){
            if ($i == 0) { //Si  $i = 0, alors on est sur la première image
                //Afficher l'image en grand 
            } else {
                //Afficher l'image en petit
            }
            $i++; //On ajoute 1 à notre variable
         }
         ?>
         <div class="clear"></div>
      </div>
       <?php }
?>

Bonjour,

Merci je test ça ce soir et met un petit résolu si tout est ok !!

Et pourtant il me semble bien avoir fait ce type de code, bon à refaire donc..

a+

Bonjour,

Merci encore ça marche, j'ai du loupé un truc !

Bref merci encore.

J'ai une autre question lié à ça.

Je cherche le nom d'un script qui permette, en cliquant sur une image miniature (à droite) qui fera apparaître la photo sur la même page à la place de l'autre grande image (à gauche) au même endroit.

Voir image jointe..



Merci de toute aide..

en javascript, quelque chose du genre :
<img src="petiteimage1.jpg" onclick='document.GetElementById("idgrandeimage").src = "nomimage.jpg"' />

Bonjour,

Merci mais je n'arrive à faire marche ce code qu'en local, voilà ce que j'ai :
J'ai trouvé un script mais là encore je n'arrive pas à enlever le curseur "+" qui flote sur l'image pour le reste tout est ok, le voici :

http://www.dynamicdrive.com/dynamicinde ... m#descArea

Je ne cherche qu'à afficher l'image rien de plus.

Merci encore de toute aide.

Bonjour,

Une idée ou deux svp ?

Cordialement.

Le curseur "+" est appelé : "crosshair"

Dans le script que tu as téléchargé, il y a la ligne :

Inside the .js file, you may wish to edit the below two variables near the top:

Code : Tout sélectionner

loadinggif: 'spinningred.gif', //full path or URL to "loading" gif magnifycursor: 'crosshair', //Value for CSS's 'cursor' attribute, added to original image

En gros, il faut modifier dans le fichier http://www.dynamicdrive.com/dynamicindex4/multizoom.js la ligne par

Bonjour,

Merci, c'est tout

Je suis si nul que ça

Je regarde ça demain..

Merci encore..

Bonsoir,

Merci encore mais ça n'a pas marché, j'ai tenté "none" et non..

Mais j'ai trouvé, à la place de ce code : j'ai fait : Mais ça me complique la vie, il y a franchement pas plus simple ?

Bonjour,

J'ai trouvé, c'est pas zoom qu'il fallait que je cherche mais slideshow avec vertical filmstrip..

Alors du coup je reprend le code initial donné :
Pour reprendre ce code en exemple:
j'ai donc tenté ce code :
Alors j'ai bien les images mini et la première image en grand d'affiché mais quand je click rien ne ce passe.

Avez-vous une idée ou j'ai mal schmilbliqué le code ?

Merci d'avance..

Alors j'ai bien les images mini et la première image en grand d'affiché mais quand je click rien ne ce passe.

Eh bien c'est normal, il n'y a aucun code qui est exécuté lorsque l'utilisateur clique.
Que veux-tu qu'il se passe lorsque l'utilisateur clique ? L'image sur laquelle clique devient grande et celle qui était grande devient petite ? Si c'est le cas, il va falloir utiliser du Javascript.

Bonjour,

Merci oui ça manque de précision.. même si je l'ai mis en haut du code : Alors j'ai utilisé les code de ce script avec son tuto et démo en mettant les fichiers et dossiers au bon endroit :

http://www.dhtmlgoodies.com/index.html? ... w-vertical

Je pense que c'est dans le code que j'ai mis qu'il y a une erreur..

Cordialement.