L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
103486 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Faro-dessing
     L'écriteau
     Gifs animés, f...
     Easy-script.com
     Netsources
     Créer son site...
     Création de site
     K i s s design
     Les autres
     Votre site ici ?


Vignettes + image agrandie sur la même page

Description

Ce script va vous permettre d'afficher vos vignettes ainsi que vos images agrandies sur la même page, sans ouvrir de popup.


Exemple :




Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 5 et +
 Netscape Navigator : 6 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 5/07/2003
Dernière modif : -
Visites de la page : 241557
Envois par mail : 3196


Si le navigateur n'est pas compatible :

Le script ouvre simplement une nouvelle fenetre avec l'image.


Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Entrez ici le nombre de vignette que vous désirez afficher par ligne
(Dans notre exemple, nous affichons 4 images par ligne) :


> Enregistrement des images :
Nombres d'images enregistrées :

Entrez ici le chemin de la vignette
(Par exemple : http://www.monsite.com/images/vignette.gif ou image/vignette.gif...) :


Entrez ici le chemin de la grande image
(Par exemple : http://www.monsite.com/images/grandeimage.gif ou image/grandeimage.gif...) :


Entrez ici une description de l'image
(Vous pouvez inserer du HTML) :






Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre les vignettes :



Services email :

Je désire recevoir mon script personnalisé par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De zeshadok - le 02-02-2005

Super code !!
J'ai tout de même une question.
je me sers de ce code à la place de "masquer/afficher un calque", car contrairement au calque, sa position est toujours relative sans pb de compatibilité de navigateur, et inclue dans un tableau, par exemple (pas besoin de réserver un espace pour)...

MAIS

Comment utiliser ce code à différents endroits sur la même page (et non, les images les unes à la suite des autres comme ici) ??

Merci d'avance !
De hyukk - le 13-06-2005

est-il possible de mettre les vignettes à la verticale à droite ou à gauche de l'image qui s'affiche en grand ?

Merci
De Mimi91 - le 26-07-2005

Personnellement, pour avoir mes images toujours à la même place, j'utilise toujours un tableau, c'est le plus pratique !
De fabhawk - le 19-09-2005

Salut !

Moi aussi j'aimerais bien mettre l'image a droite ou a gauche des vignettes... Mais je peine un peu avec le tableau dasn la boucle. J'ai reussi a la mettre au dessus (mais elle n'est plus centree et le texte non plus) quelqu'un pourrait-il m'aider ?

Merci d'avance
De fabhawk - le 20-09-2005

La reponse est la :

http://www.editeurjavascript.com/forums/vt.php?tid=7-32937-0
De mekasiat - le 03-10-2005

Bonjour,

Ce script est super mais j'aimerais savoir comment on peut centrer ce script au milieu de la page ? Car lorsqu'on l'installe, il se place toujours sur le côté gauche de la page :(.
Comment le centrer donc ?
Merci beaucoup
De dadou86 - le 05-12-2006

est-il possible de redimensionner les image du diaporama ?
j ai des images en 1280*1024 et je voudrai les affichez en 800*600 sans les modifier, de facon a pouvoir les telecharger a leur tailes d'origine .
heu... oui je suis novice !
De dadou86 - le 05-12-2006

J ai trouver !

/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = '<A HREF="javascript:killImage()"><IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre" width="800" height="600"></A><BR><FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>';
De pipilotti - le 28-12-2006

Bonjour,j'ai réussi à mettre en place ce script mais je souhaiterais que les images agrandies apparaissent à droite des vignettes (pour l'instant elles sont en dessous)
Si qqln a la réponse merci beaucoup!!!!!
De oZZy2B - le 08-01-2007

Bonjour, je souhaite utiliser le même script mais à partir d'images déjà sur ma page. Je m'explique :
J'ai une série de photos réduites sur mon site dans un tableau et je souhaiterais que lorsqu'on clique sur l'une d'entres elles on ai une série d'images aggrandies correspondantes sur la même page mais dans un tableau à gauche. Tout doit être minimétré puisqu'il ne s'agit pas d'une simple page blanche.
J'espère que je suis assez clair ;-)

Merci d'avance pour votre aide
De thekwarn - le 10-02-2007

Bonjour,
c'est un trés bon script qui marche impec.
Par contre, est-il possible de forcer l'affichage de ejs_big au démarrage ? comme si on avait fait un clic sur la première vignette par exemple...
merci ;)
De STPM79 - le 23-02-2007

Je suis une novice, j'aimerais utiliser ce code dans mon site entreprise, seulement je n'arrive pas à diminuer la taille des vignettes
Merci de vos informations
De ptigral - le 05-12-2007

Ce code est très interressant, cependant il réclame l'affichage et l'acceptation d'un contrôle activex , comment l'éviter ..je me demande si tout le monde pourra avoir accès à ma galerie photo ( ex: ceux équipés enMac?)
Merci
De artk - le 18-02-2008

Ce scrip est génial, par contre j'ajoute une bodure à mes images en général, est ce possible d'en insérer une dans le scrip ?

merci beaucoup pour votre aide

Bien cordialement

KT
De thierry57_4 - le 10-03-2008

Merci pour ce diaporama, quelqu'un peu me dire comment faire pour que la grande image s'ouvre au-dessus des vignettes, et non pas au dessous.

Merci à tous
De jvasse - le 28-03-2008

je n'arrive pas a installer mes photos
surement le chemin d'accès, il y a bien une zone marquée cliquez ici....
mais pas de photo en vignette ni en grand
faut il des photos .gif ou le jepg marche t-il ?
De Margate - le 02-04-2008

bonjour!
tout d'abord merci pour ce code qui me simplifie la vie ! et m'évite de me torturer sous flash !!!
mais voilà ... comment faire pour qu'une image en grand (genre la 1er) s'affiche en ouvrant la page, qu'on n'ai pas seulement les vignettes ?

Si quelqu'un peut me répondre .; ce serait le TOP !

Merci !
De elodie77 - le 22-04-2008

Ce script est super.. je connais pas le javascipt mais ca a marché du premier coup.

Par contre, j'aimerai pouvoir lire automatiquement les images à partir d'un répertoire (opendir??).
Comment faire concrètement?

Merci beaucoup!

>> Poster une annotation sur ce script






33 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
MisterForum
Créez votre forum gratuitement en quelques minutes.
http://misterforum.com
Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
55287 membres
8357 comptes CountUs
1485 comptes myCircle

     LES FORUMS :
14 forums
39239 topics
188879 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par leBoss
Sous Firefox, vous pouvez définir plusieurs pages de démarrages dans les options en utilisant le séparateur |. Elles s'ouvriront toutes dans un onglet différent.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 12/10/2008 14:02:52 | Design by Studcrea | Gen. en 0.439 sec.