Pas de retour à la ligne entre deux images ?
Posté : 16 mars 2011, 22:41
Bonsoir ! J'aurais besoin de conseils ou d'idées pour un petit problème.
J'ai mis en place un petit système qui permet :
-d'afficher toutes les images d'un répertoire
-créer des miniatures qui ont la même hauteur
Ensuite j'ai adapté le code PHP au script de Fancybox (lightview gratuit) qui permet d'afficher des images facilement avec un assombrissement de l'écran en javascript. Le script Fancybox est donc automatisé, on peut cliquer sur chaque miniature pour afficher l'image originale, chaque image est reliée à la suivante comme dans une galerie, les champs "alt" et "title" des images sont générés automatiquement par le PHP.
Puis j'ai ajouté une petite image qui s'affiche à côté de chaque miniature, qui permet de télécharger un fichier .rar qui porte le même nom que l'image.
Je voudrais être sûr que cette petite image pour télécharger le .rar reste collée à la miniature, même en cas de changement de ligne selon la résolution des écrans.
Le truc c'est que je voudrais que le changement de ligne se fasse uniquement entre chaque groupe de deux images. (1 photo+1 image "télécharger").
Je veux bien mettre un espace insécable, mais ça semble ne pas fonctionner, et en plus j'aimerais qu'il n'y ait pas d'espace entre ces deux images.
J'ai aussi testé white-space: nowrap; avec ma feuille CSS, autour du code PHP. Ça a comme conséquence de mettre toutes les miniatures sur une ligne et ça dépasse sur le Menu du site. Il faudrait que le nowrap ait un effet sur une partie du code php seulement (et encore je doute que ça marche).
Je peux toujours changer ma feuille CSS pour que la page soit calculée en pixels et non en pourcentages, je serais donc quasiment sûr qu'il n'y a pas de différences d'affichage avec les résolutions d'écran. Mais je préfère en pourcentages.
Edit (je mets le code PHP) :
Merci beaucoup si vous pouvez me conseiller !
J'ai mis en place un petit système qui permet :
-d'afficher toutes les images d'un répertoire
-créer des miniatures qui ont la même hauteur
Ensuite j'ai adapté le code PHP au script de Fancybox (lightview gratuit) qui permet d'afficher des images facilement avec un assombrissement de l'écran en javascript. Le script Fancybox est donc automatisé, on peut cliquer sur chaque miniature pour afficher l'image originale, chaque image est reliée à la suivante comme dans une galerie, les champs "alt" et "title" des images sont générés automatiquement par le PHP.
Puis j'ai ajouté une petite image qui s'affiche à côté de chaque miniature, qui permet de télécharger un fichier .rar qui porte le même nom que l'image.
Je voudrais être sûr que cette petite image pour télécharger le .rar reste collée à la miniature, même en cas de changement de ligne selon la résolution des écrans.
Le truc c'est que je voudrais que le changement de ligne se fasse uniquement entre chaque groupe de deux images. (1 photo+1 image "télécharger").
Je veux bien mettre un espace insécable, mais ça semble ne pas fonctionner, et en plus j'aimerais qu'il n'y ait pas d'espace entre ces deux images.
J'ai aussi testé white-space: nowrap; avec ma feuille CSS, autour du code PHP. Ça a comme conséquence de mettre toutes les miniatures sur une ligne et ça dépasse sur le Menu du site. Il faudrait que le nowrap ait un effet sur une partie du code php seulement (et encore je doute que ça marche).
Je peux toujours changer ma feuille CSS pour que la page soit calculée en pixels et non en pourcentages, je serais donc quasiment sûr qu'il n'y a pas de différences d'affichage avec les résolutions d'écran. Mais je préfère en pourcentages.
Edit (je mets le code PHP) :
<?php
$urlphoto = "url complète du dossier";
$nomRepertoire = "nom du dossier";
if (is_dir($nomRepertoire))
{
$dossier = opendir($nomRepertoire);
while ($Fichier = readdir($dossier))
{
if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
{
// Hauteur des miniatures
$h_vign = "75";
$taille = getimagesize($nomRepertoire."/".$Fichier);
$reduc = floor(($h_vign*100)/($taille[1]));
$l_vign = floor(($taille[0]*$reduc)/100);
// Nom du fichier sans extension
$test = "$Fichier";
$extension_upload = substr(strrchr($test,'.'),0);
$fichiersansex = rtrim($test,$extension_upload);
// Affichage miniatures
echo '<a rel="groupe" href="', $urlphoto, '/',$Fichier, '" alt="',$fichiersansex, '" title="',$fichiersansex, '">';
echo '<img src="', $urlphoto, '/',$Fichier, '" ';
echo "width='$l_vign' height='$h_vign'>";
echo "</a> ";
// Affichage image télécharger
echo '<a href="', $urlphoto, '/', $fichiersansex, '.rar" title="Haute qualité">';
echo '<img src="url image download" ';
echo "width='15' height='15'>";
echo "</a> ";
}
}
closedir($dossier);
}else{
echo' Le répertoire spécifié n\'existe pas';
}
?>Merci beaucoup si vous pouvez me conseiller !
