taille standard puis miniatures sur images

[mikl86]

Bonjour,
J'utilise un script d'annonce qui utilise la fonction suivante pour appeler les images de l'annonce :

Code :

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

[Séb.]

Dans le principe :

Code :

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
        // ...
    }
}

[Michelk12]

Hello,

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

Michel

[jreaux62]

Bonjour,
si ca t'interesse : Fonctions de redimensionnement d'images
+ Utilisation avec BD (redimensionner image + picto après upload) ou dans un dossier

[mikl86]

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 :

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 :

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