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 :
105265 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 ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     K i s s design
     Trucs et astuc...
     Je javascript
     Les autres
     Votre site ici ?


Gestion de vignettes + images agrandies par popup

Description

Ce script place sur votre page la vignette de votre création et gère l'ouverture d'une popup aux dimensions de l'image agrandie.


Exemple :




Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 4 et +
 Netscape Navigator : 4 et +


Chiffres :

Date de création : 4/07/2003
Dernière modif : -
Visites de la page : 228050
Envois par mail : 4594


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 chemin de la vignette
(par exemple: images/vignette.gif ou http://www.monsite.com/images/vignette.gif) :


Entrez ici le chemin de l'image au grand format (celle qui s'affichera dans la popup
(par exemple: images/grande.gif ou http://www.monsite.com/images/grande.gif) :




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 <HEAD> et </HEAD> :



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



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 BackInBiz - le 20-09-2004

Un petit onclick="javascript:window.close()"
et ca evite des galeres quand l'image est trop grande !

<IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)" onclick="javascript:window.close()">

De Guizbziet - le 06-04-2005

Juste pour vous dire que ce javascript ne marche pas sous Firefox 1.0.1.
La fenêtre ne se redimentione pas à la taille de l'image.
De cuteur007 - le 28-10-2005

tien <head><!-- DEBUT DU SCRIPT -->
<script LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
Ne copiez ce code qu'une fois dans votre page
*/
function afficheVignette(csanstitre1bl.gif","http://img398.imageshack.us/img398/9201/sanstitre1bl.gifheminVignette,cheminMaxi)
{
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.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>
<!-- FIN DU SCRIPT --></head><body><script LANGUAGE="JavaScript">
afficheVignette("http://img398.imageshack.us/img398/9201/";);
</SCRIPT></body>
De lauricks - le 27-01-2006

Petit script bien fait mais ....
il faut 2 images, une vignette et une images, donc deux travails....
Voici le script modifier (trés simplement) pour n'avoir qu'une image

J'ai enlevé ou remplacer (selon le cas, le "cheminMaxi"

J'ai donné une taille à l'affichage de la vignette 100 x 80

J'ai ajouté javascript:window.close()

Comme ça je le trouve parfait, et il tourne sur safari, merci à l'équipe

<SCRIPT LANGUAGE='JavaScript'>
window.moveTo(0,0);
if (document.getElementById || document.all)
{
window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers)
{
if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
{
window.outerHeight = screen.availHeight;
window.outerWidth = screen.availWidth;
}
}
</SCRIPT>
<SCRIPT LANGUAGE='JavaScript'>
function afficheVignette(cheminMaxi) que cheminMaxi
{
document.write('<A HREF=\"javascript:afficheMaxi(\''+cheminMaxi+'\')\"><IMG SRC=\"'+cheminMaxi+'\" HSPACE=0 VSPACE=0 BORDER=0 WIDTH=\"100\" HEIGHT\"80\" TITLE=\"cliquez ici pour voir en grand\"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC=\"'+chemin+'\" BORDER=0 NAME=imageTest onLoad=\"window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)\" onclick=\"javascript:window.close()\"></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>
De metal84 - le 19-02-2006

Bonjour ce code, même la derniere version modifiée fonctionne correctement. Mais car il y a un mais, comme dirait Charles, dans la fenètre qui va redimentionner sur l'image, tout se bloque car le SP2 de XP affiche une barre jaune en disant "securite gna, gna, gna " Bref il faut cliquer deux fois pour eliminer cette barre. On le fait une fois GRRRRR OK, mais si on redemande un agrandissement d'une autre image, on se retrouve avec le même problème de recliquer a nouveau pour contourner cette sécurité. C'est innacceptable sur un site de devoir cliquer trois fois pour un agrandissement. Si je ne trouve pas de solution simple en javascript, j'en reviendrait au HTML. Merci si vous avez une soluce.......
De lauricks - le 21-08-2006

jamais eu de probleme, ni son mac ni sous windaube,

sous safari, firefox, internet explo mac, RAS

sous firefox, micro explo RAS

je ne vois pas ton probleme

encore un petit délire de windaube, switchez les mecs, vous verrez la différence, entre une 4L et un ferrari, c'est magique....

"Avec Windaube, faites ce qu'il vous dit de faire...
Avec OSX faites ce que vous voullez, il le fera..."

Proverbe intelligent.
De gemorej - le 23-02-2007

Bonjour,
Moi j'aimerais que quand on clique sur la vignette ce soit une vidéo qui apparaisse dans la fenêtre popup (prise sur "YouTube" par exemple).
Est ce que c'est possible ?????
Si oui, Comment faire ?????
J'espère que quelqu'un à la solution.
Merci d'avance.
De hindi oriental - le 28-10-2008

Super ce script.
Mais j'aimerais que l'image agrandie s'ouvre au centre de l'écran...

Si vous avez une solution, merci.

>> Poster une annotation sur ce script






26 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
MagikBiz
Integrez une section logo/sonnerie sur votre site !
http://magikbiz.com
Cat : Affiliation - publicité
Voir l'annuaire webmaster


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

     LES MEMBRES :
55807 membres
8797 comptes CountUs
1517 comptes myCircle

     LES FORUMS :
14 forums
39344 topics
189182 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "PHP / mySQL" du jour par orbital73
La super global $_SERVER['PHP_SELF'] utilisée tel quel est une variable faillible, permettant ainsi des injection de depuis l'URL
ce qui peut aller jusqu'au défacement de votre site. Pour éviter cela, utilisez htmlentities($_SERVER['PHP_SELF']).
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 01/12/2008 22:56:07 | Design by Studcrea | Gen. en 0.461 sec.