IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Langage PHP Discussion :

taille standard puis miniatures sur images


Sujet :

Langage PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2009
    Messages
    60
    Détails du profil
    Informations forums :
    Inscription : Octobre 2009
    Messages : 60
    Par défaut taille standard puis miniatures sur images
    Bonjour,
    J'utilise un script d'annonce qui utilise la fonction suivante pour appeler les images de l'annonce :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <?php
    	while ($row = mysql_fetch_array($pres))
    	{
    		$i++;
     
    		$imgsize = GetThumbnailSize("{$datadir[adpics]}/{$row[picfile]}", $images_max_width, $images_max_height);
    ?>
    		<img src="<?php echo "{$datadir[adpics]}/{$row[picfile]}"; ?>" alt="<?php echo $ad['adtitle']; ?>" id="adimg<?php echo $i; ?>" width="<?php echo $imgsize[0]; ?>" height="<?php echo $imgsize[1]; ?>"><br><br>
    	<?php
    	}
    ?>
    Pour le moment les images s'affichent toutes aux mêmes dimensions, c'est à dire que si l'annonceur poste 4 photos, les 4 photos vont s'empiler verticalement.

    J'aimerai afficher la 1ère photo en taille normale puis les autres en vignettes dessous.
    Pouvez vous m'indiquer comment procéder svp ?
    Je ne sais pas comment traduire le fait que seule la 1ere image doit etre à taille normale.
    Un grand merci d'avance

  2. #2
    Expert confirmé
    Avatar de Séb.
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    5 347
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Mars 2005
    Messages : 5 347
    Billets dans le blog
    17
    Par défaut
    Dans le principe :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $tuple = mysql_fetch_assoc($rs) ;
    if ( $tuple !== FALSE ) {
        // Afficher image en taille normale
        // ...
        while ( $tuple = mysql_fetch_assoc($rs) ) {
            // Afficher les miniatures
            // ...
        }
    }

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    251
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 251
    Par défaut
    Hello,

    Je viens d'utiliser une fonction pour faire une miniature : ImageCopyResampled
    Pourra-t-elle te servir?

    Michel

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    si ca t'interesse : Fonctions de redimensionnement d'images
    + Utilisation avec BD (redimensionner image + picto après upload) ou dans un dossier

  5. #5
    Membre confirmé
    Inscrit en
    Octobre 2009
    Messages
    60
    Détails du profil
    Informations forums :
    Inscription : Octobre 2009
    Messages : 60
    Par défaut
    Un grand merci à tous pour votre aide.

    Je vais tenter d'etre plus explicite.

    Pour miniaturiser, pas de souci.
    En fait, ce que je n'arrive pas à faire c'est :

    -définir une image qui s'affiche à taille "normale"
    - insérer des miniatures dessous
    - créer un effet pour qu'au survol, la miniature s'affiche à la place de l'image par défaut, en taille "normale"

    J'utilise le code suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <div class="imgbien">
    <?php
    	while ($row = mysql_fetch_array($pres))
    	{
     
    		$i++;
    		$imgsize = GetThumbnailSize("{$datadir[adpics]}/{$row[picfile]}", $images_max_width, $images_max_height);
    ?>		
    <img src="<?php echo "{$datadir[adpics]}/{$row[picfile]}"; ?>" alt="<?php echo $ad['adtitle']; ?>" id="adimg<?php echo $i; ?>" width="<?php echo $imgsize[0]; ?>" height="<?php echo $imgsize[1]; ?>">
    <br><br>
    	<?php
    	}
    ?>
    </div>
    Il s'agit d'un site de petites annonces. Ce code affiche betement toutes les images postées par l'annonceur à la meme taille.

    J'ai trouvé ce petit javascript sur un site d'annonce :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    //changes images in div.photo
        $(document).ready(function() {
          var firstimg = $('.photolist li:eq(0)').html();
          $('div.photo').append(firstimg);
          if($('div.photo img').length){
            $('div.photo').show();
          }
          else{
            $('ul.photolist').hide();
            $('div.photo').append('<img src="postadpic.jpg" title="photo"/>');
            $('div.photo').show();
          }
          $('.photolist li').mouseover(function(){
            var img = $(this).html();
            $('.photo img').replaceWith(img);
          });
        });
    Peut il convenir ?
    Que me conseillez vous ?
    Merci d'avance

Discussions similaires

  1. Images qui s’adaptent à la taille de la fenêtre sur une même ligne
    Par Leamontreuil dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 15/10/2014, 07h59
  2. miniature et image réelle sur une même page
    Par glourby dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 02/11/2012, 15h10
  3. Réponses: 5
    Dernier message: 18/05/2011, 18h51
  4. taille sur image
    Par colbubu dans le forum LabVIEW
    Réponses: 4
    Dernier message: 09/06/2010, 16h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo