rss
Ils ont besoin de votre aide Tous les messages sans réponse
Les règles à respecter
 Réserver un accueil cordial aux nouveaux utilisateurs.
 Poster son message dans le thème le plus approprié.
 Respecter la législation en vigueur.
 Faire usage de formule de politesse et échanger avec courtoisie.
 Ne pas poster de message à vocation commerciale.
 Rédiger les messages dans un langage clair sans abréviations, style télégraphique ou mode SMS
Le cas échéant, expliquer de manière pédagogique les règles du forum
Lire le texte complet de la charte
cherche script pour galerie images,etc...
par midiweb
 Fil de Discussions
Statut : Résolu
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par cerelog, le samedi 1 octobre 2005 à 13:44:39 Fil de Discussions
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par fanou, le lundi 3 octobre 2005 à 11:58:36 Fil de Discussions
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,resizab­le=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,res­izable=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
Par midiweb, le jeudi 13 octobre 2005 à 19:24:54 Fil de Discussions
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par fanou, le jeudi 13 octobre 2005 à 22:03:40 Fil de Discussions
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
Par AlbB, le samedi 8 décembre 2007 à 23:57:07 Fil de Discussions 
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
Discussions pertinentes trouvées dans le forum
18/03 19h55script défilement imageProgrammation19/03 17h422
21/02 09h55scripte php image ...==>merci !Webmastering26/02 11h383
20/02 02h51Flash Act°Scripting galerie & bas.d.donnéeWebmastering21/02 08h502
18/02 21h00Script upload image marche sous FireFox et paWebmastering27/02 18h273
Plus de discussions sur « cherche script pour galerie images,etc... » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide