Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Cherche script pour galerie images,etc...

midiweb, le samedi 1 octobre 2005 à 01:42:17
salut, je cherche un script, peu importe le langage, qui me permet d'afficher des images miniatures agrandies, en dessous ou sur le côté, tout en laissant les autres miniatures non encore agrandies visibles.
Un ex.: un site de peintures divisé en catégories:portraits, fleurs, animaux, paysages, regroupés en un menu.
Je clique sur "portraits" et tous les portraits miniatures s'affichent un à la suite des autres. Au dessus la bannière et le menu qui restent inchangés sur chaque page.
A présent, je veux visionner le premeir portrait en plus grand.
2 possibilités souhaitées:
1. Je clique ou je passe avec la souris et l'image s'agrandit, et recouvre les autres miniatures éventuellement.
2. Je clique ou je passe avec la souris et l'image agrandie s'affiche en dessous tout en laissant les autres miniatures visibles.

Le script doit, si possible, fonctionner aussi sous les navigateurs Firefox et Opera 7.

Qui peut m'aider? Cordialement.
Répondre à midiweb  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
cerelog, le samedi 1 octobre 2005 à 13:44:39
quand on est aussi exigent, on le fait soi même !

mais regarde chrono show, un script pour mettre en place une belle gallerie

gestion totale en ligne

http://chrono.apinc.org Nobody is perfect  Personne n'est parfait
   
Répondre à cerelog

2


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
fanou, le lundi 3 octobre 2005 à 11:58:36
Bonjour

***Pour des images cliquables :***
Dans le <head> :

<SCRIPT LANGUAGE="JavaScript"><!--
function afficheVignette(cheminVignette,cheminMaxi) {
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="Si vous voulez le voir plus grand"></A>');
}
function afficheMaxi(chemin) {
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Photos</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=image1 onLoad="window.resizeTo(document.image1.width+14,document.image1.height+32)"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menubar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
} // -->
</SCRIPT>

A l'endroit de ton image :

<SCRIPT LANGUAGE="JavaScript">afficheVignette("image vignette.jpg","image agrandie.jpg");</SCRIPT>


****Pour une image qui s'agrandit au passage de la souris :****

Dans le <head>

<SCRIPT LANGUAGE="JavaScript"><!--
function afficheMaxiTempo(chemin){
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Photos</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=image1 onLoad="window.resizeTo(document.image1.width+14,document.image1.height+32)"></CENTER></BODY></HTML>';
popupImage = window.open('','popupImage','toolbar=0,location=0,directories=0,menubar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.focus();
popupImage.document.close();
//FermePopup();
}
function FermePopup(){
popupImage.document.write('<script language="javascript">');
popupImage.document.write('setTimeout(');
popupImage.document.write('"self.close()');
popupImage.document.write(';",5000)');
popupImage.document.write('</');
popupImage.document.write('script>');
}
//-->
</SCRIPT>

A l'endroit de ton image

<A HREF="javascript:void(0)" onMouseOver="afficheMaxiTempo('ton image agrandie.jpg'); return false;" onMouseOut="img01.src='ton image vignette.jpg'"><IMG SRC="ton image vignette.jpg" NAME="img01" ALT="Nom de ton image" BORDER=0 onLoad="tempImg=new Image(0,0); tempImg.src='ton image vignette.jpg'"></A>

Fanou
   
Répondre à fanou

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
midiweb, le jeudi 13 octobre 2005 à 19:24:54
Ci-dessous, un code qui me convient, il affiche les miniatures et à droite l'image agrandie.
Problème: je veux 2 ou 3 miniatures à la fois, puis le reste en cliquant sur "suivant". Il m'affiche au démarrage autant de miniatures qu'il y a d'images. J'y suis presque, il manque pas grand chose. Peux-tu m'aider s'il te plaît?Merci

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
var current = 0;
var width = 4;
var max = 4;
var prefixe = "mini_";

function previous(nb) {
showWindow(false);
current = current - nb;
if (current < 0) {
current = 0;
}
showWindow(true);
}

function next(nb) {
showWindow(false);
current = current + nb;
if (current > (max - width)) {
current = max - width;
}
showWindow(true);
}

function showWindow(show) {
for(i = current ; i < current + width ; i++) {
el = document.getElementById(prefixe+i);
if (el) {
el.style.display = show?'inline':'none';
}
}
}
function changeImage(filename)
{
document.mainimage.src = filename;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<a href="javascript:previous(2)">previous</a>
<a id="mini_0" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen1.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen1.jpg"></a>
<a id="mini_1" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/portrait-dame.jpg')"><img src="Bilder/Portraits/kleine Bilder/portrait-dame.jpg"></a>
<a id="mini_2" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen-profil.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen-profil.jpg"></a>
<a id="mini_3" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen1.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen1.jpg"></a>
<a id="mini_4" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen1.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen1.jpg"></a>
<a href="javascript:next(2)">next</a>
<img name="mainimage" src="Bilder/Portraits/grosse Bilder/maedchen1.jpg"></div>
</body>
</html>
[/code]
   
Répondre à midiweb

4


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
fanou, le jeudi 13 octobre 2005 à 22:03:40
Bonsoir midiweb

Je ne sais pas t'aider..
Je suis désolée
Fanou
   
Répondre à fanou

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 AlbB, le samedi 8 décembre 2007 à 23:57:07
Bonjour,

Si tu disposes d'une base de donnée,
tu peux utiliser picsengine: il s'agit
d'une galerie en flash personnalisable.
Je crois que cela correspond à ce que tu souhaites.
C'est en outre très facile d'utilisation et très pratique.
www.picsengine.com

Tchaow!
   
Répondre à AlbB
Posez votre question Répondre

Résultats pour cherche script pour galerie images,etc...

Modif script infobulle image->zone reactive (Résolu) Bonjour, je suis sur un gros casse tete pour un nobb en JS tel que moi :( j'ai récuperé un script d'info bulle qui marche nikel avec des images (quand on passe la souris dessus, les infos voulues s'afichent comme il faut) mais mon but... www.commentcamarche.net/forum/affich-7043798-modif-script-infobulle-image-zone-reactive
Insérer une image dans un script php (Résolu) Tout d'abord Bonjour ! Voici mon problème, je suis en train de créer un quizz pour un site web, et j'essaye d'insérer deux images (format png qui sont sur mon disque dur) dans mon script mais à chaque fois j'ai l'erreur :... www.commentcamarche.net/forum/affich-5190845-inserer-une-image-dans-un-script-php
Comment inserer une galerie photo (photoshop) (Résolu) Bonjour, Je souhaiterai avoir notre aide. En effet, je viens de créer une galerie photo sous photoshop. Puis à la fin de la création je me retrouve avec le dossier destination où il y a tous les éléments ( dossier images, dossiers page ...) Mais... www.commentcamarche.net/forum/affich-5423377-comment-inserer-une-galerie-photo-photoshop

Résultats pour cherche script pour galerie images,etc...

Screenshot.shCapture d'écran Présentation Prérequis Syntaxe Utilisation Code source Screenshots Liens Présentation Voilà un petit script basé sur les outils d'ImageMagic pour réaliser des captures d'écran (complètes ou partielles), avec en prime... www.commentcamarche.net/faq/sujet-6834-screenshot-sh
ImageMagick - Manipuler les images en ligne de commandeImageMagick est un formidable outil en ligne de commande qui permet de manipuler les images. L'avantage de cet outil est qu'il permet: d'automatiser les travaux sur les images (cela évite d'avoir à faire certaines manipulations dans... www.commentcamarche.net/faq/sujet-6120-imagemagick-manipuler-les-images-en-ligne-de-commande
1 2 3 Suivant

Résultats pour cherche script pour galerie images,etc...

Script pour un menu défilant (Résolu)Bonjour, Je voudrais savoir si quelqu'un par pur hasard savais comment fair un script de ce type pour un menu : Etape 1: < -image1- -image2- --IMAGE3-- -image4- -image5- > Etape 2: < -image2- -image3- --IMAGE4-- -image5- -image6- > Etape 3: < ... www.commentcamarche.net/forum/affich-3748414-script-pour-un-menu-defilant
Afficher la bonne image au survol (Résolu)Bonjour, Je voudrai faire un script qui fait quand je survole un lien ça m'affiche la capture d'écran correspondante. ex : quand je survole acceuil, j'ai la capture d'écran (une image, quoi) de mon acceuil.qui apparait dans le div... www.commentcamarche.net/forum/affich-3990527-afficher-la-bonne-image-au-survol
Cherche script php pour galerie photo,... (Résolu)salut, je cherche un script php qui permet d'afficher des photos miniatures et de les afficher en grand à droite quand l'une ou l'autre est survolée. Un bon exemple ici: http://www.foto-foto.de/hochzeit.htm Merci www.commentcamarche.net/forum/affich-2438999-cherche-script-php-pour-galerie-photo
1 2 3 Suivant

Résultats pour cherche script pour galerie images,etc...

Télécharger GalleryGallery est une collection d'albums photo. Vous pouvez avoir autant de galeries que vous vouez sur votre serveur web. Chaque galerie contient autant d'images que vous pourrez y mettre. La configuration et l'administration de Gallery sont effectuée... www.commentcamarche.net/telecharger/telecharger-34055791-gallery
Télécharger Windows Live Photo Gallery Galerie de photos Windows Live est tout simplement un gestionnaire d'images à la façon de Vista mais sous XP. La tâche du programme débute dès le téléchargement des images sur votre disque dur. Le programme classe les images suivant leurs dates de... www.commentcamarche.net/telecharger/telecharger-34055902-windows-live-photo-gallery
Télécharger JAlbumJALbum vous permet de créer une galerie photo des plus attrayants. Il suffit pour cela de déplacer/déposer les fichiers ou le dossier contenant les images sur l'interface de JALbum et il fera le reste. JALbum créera des aperçus des vos images et des... www.commentcamarche.net/telecharger/telecharger-34056199-jalbum
1 2 3 Suivant