begin process at 2012 05 28 12:51:55
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > CENTRER UNE IMAGE

CENTRER UNE IMAGE


 Information sur la source

Note :
5 / 10 - par 1 personne
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Fenêtre & Pop-up Niveau :Débutant Date de création :04/08/2004 Vu :13 624

Auteur : Naza

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

C'est simplement un code qui permet d'ouvrir une image dans une nouvelle page de façon à mieux la voir qu'en métant un lien direct.
(Mon premier code dans ce language)

Source

  • <SCRIPT LANGUAGE="JavaScript">
  • function aggrandir(titre,chemin) {
  • i1 = new Image;
  • i1.src = chemin;
  • html = '<HTML><HEAD><META HTTP-EQUIV="imagetoolbar" CONTENT="no"><TITLE>Aperçu : '+titre+'</TITLE><link rel="stylesheet" href="http://perso.wanadoo.fr/nazario/include/my.css" type="text/css"></HEAD><BODY ONCONTEXTMENU=\'return false;\' ><CENTER>Aperçu de<b> '+titre+'</b><br><br><hr><br><br><IMG SRC="'+chemin+'" BORDER=no NAME=imageTest><br><br><br><hr><br><br><a href="#" onClick="window.close()">Fermer</a>' ;
  • html2 = '</CENTER></BODY></HTML>';
  • popupImage = window.open('','','');
  • popupImage.document.open();
  • popupImage.document.write(html+html2);
  • popupImage.document.close()
  • };
  • </SCRIPT>
  • <A HREF="#" ONCLICK="aggrandir('Exemple','http://www.stevesimonsen.vi/galleries/islands/nevis/fleurs.jpg');">Fleurs</A>
<SCRIPT LANGUAGE="JavaScript">
function aggrandir(titre,chemin) {
i1 = new Image;
i1.src = chemin;
html  = '<HTML><HEAD><META HTTP-EQUIV="imagetoolbar" CONTENT="no"><TITLE>Aperçu : '+titre+'</TITLE><link rel="stylesheet" href="http://perso.wanadoo.fr/nazario/include/my.css" type="text/css"></HEAD><BODY ONCONTEXTMENU=\'return false;\' ><CENTER>Aperçu de<b> '+titre+'</b><br><br><hr><br><br><IMG SRC="'+chemin+'" BORDER=no NAME=imageTest><br><br><br><hr><br><br><a href="#" onClick="window.close()">Fermer</a>' ;
html2 = '</CENTER></BODY></HTML>';
popupImage = window.open('','','');
popupImage.document.open();
popupImage.document.write(html+html2);
popupImage.document.close()
};
</SCRIPT>



<A HREF="#" ONCLICK="aggrandir('Exemple','http://www.stevesimonsen.vi/galleries/islands/nevis/fleurs.jpg');">Fleurs</A>

 Conclusion

J'ai mis ma feuille de style, rien ne vous empeche de configurer le code à votre goût.


 Sources du même auteur

Source avec une capture TOOLTIP - INFOBULLE

 Sources de la même categorie

Source avec Zip Source avec une capture MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma

Commentaires et avis

Commentaire de Naza le 04/08/2004 02:11:46

Aller, taillez moi pour ma première source en js <3

Commentaire de emhyr le 28/04/2007 16:25:50

cé autre choz qu'on aimeré te tailler lol

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,484 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales