|
|
|
|
Posté par
Thomas, le lundi 3 novembre 2003 à 22:37:59
|
Solution 1 :
<IMG SRC="./images/mon_image.gif" WIDTH="20" HEIGHT="50" BORDER=0 ALT="description" onClick="window.open('./popup.htm', 'NOM', 'scrollbars=yes,width=550,height=600')">
=> Dans ce cas, l'image est cliquable mais le curseur ne se transforme pas en main lorsqu'on la survole. Pour remédier à ca il faut écrire : Solution 2 : <A HREF="#" onClick="window.open('./popup.htm', 'NOM', 'scrollbars=yes,width=550,height=600')"><IMG SRC="./images/mon_image.gif" WIDTH="596" HEIGHT="46" BORDER=0 ALT="description"></A>
Dans les deux cas, tu dois creer une page 'popup.htm'. C'est dans cette page que tu préciseras le titre qui doit apparaitre dans la barre de titre. |
Merci pour ta réponse mais avec ton script j'ai un souci : ma grande image je ne l'ai pas dans popup.html. C'est normal car je ne lui dis pas qu'elle doit y etre. Mais comme j'ai 14 images je ne vais pas créer 14 pages popup.html. De plus j'aimerais qu'il ny ai pas de marges or avec cette manière il y en a.
HELP PLEASE !!! Merci d'avance :) |
Bsr Thomas,
Voici un ex de code : La page qui contient les images en miniatures vignette.htm <html><head><title>Test photo</title>
<script language="JavaScript">
<!--
var photographie=0;
var wind=null;
function Photo(fichier, titre)
{
this.fichier = fichier;
this.titre = titre;
}
var photos=new Array();
photos[0]=new Photo('images/test.jpg','Mon image nr 1');
photos[1]=new Photo('images/toto.jpg','Mon image favorite');
// ajoute ici tes autres images ...
function charger_image(idx)
{
photographie=photos[idx];
wind=open("popup.htm",'popup','width=400,height=300,toolbar=no,scrollbars=no,resizable=yes');
return false;
}
// -->
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="return charger_image(0);"><img src="images/test_small.jpg"></a><br>
<a href="javascript:void(0)" onclick="return charger_image(1);"><img src="images/toto_small.jpg"></a><br>
</body>
</html>
La même page qui affiche chaque image en grand : popup.htm <html><head><title></title>
<style>
.abs {position:absolute; left:0px; top:0px;}
</style>
<script language="JavaScript">
<!--
// Donne le titre de l'image à la fenêtre
document.title=window.opener.photographie.titre;
// Précharge l'image en mémoire mais ne l'affiche pas
im1=new Image()
im1.src=window.opener.photographie.fichier;
var obj=null;
// Affiche l'image précharger
function afficher()
{
if (document.layers)
{
obj=document.layers["div_photo"].document.images["photo"];
}
else
{
obj=document.images["photo"];
}
obj.src=im1.src;
}
// Redimensionne la fenêtre
function redimensionner()
{
window.resizeTo(obj.width,obj.height);
self.focus();
}
// -->
</script>
</head>
<body onload="redimensionner()">
<div class="abs" name="div_photo">
<img src="images/vide.gif" id="photo" name="photo">
</div>
<script>
<!--
afficher();
// -->
</script>
</body>
</html>
Par défaut lorsque la page popup s'ouvre elle précharge l'image dans l'objet Im1 de type Image puis affiche l'image transparente : vide.gif Ensuite l'image est aussitôt remplacée par celle préchargée au départ. Enfin la fenêtre est redimensionnée. Et voilà PhP [Push the button,Don't push the . button,Trip the station,Change the channel] |
Merci pour ce réponses j'ai déjà quelques résultats. |
| 03/01 10h12 | [Windows] Affichage de l'aperçu des images en miniatures | Windows |
| 19/01 19h33 | [Images] Windows ne lit plus les images | Windows XP |
| 31/10 19h57 | [Photofiltre]Réaliser un assemblage de 2 images | Photofiltre |
| 11/02 17h40 | Créer une image animée avec REFLET | Infographie |
| 21/06 01h01 | Animer une séquence d'images avec Gimp | Gimp |
| 18/06 06h09 | Ouvrir popup en cliquant sur image survolée" | 8 |
| 27/11 11h41 | Probleme ouverture popup sous IE | 3 |
| 28/05 19h09 | Quel système permet d'ouvrir toutes les image | 1 |
| 07/04 17h08 | Ouverture popup (window.open) + <jsp:forward> | 0 |
| 24/02 17h37 | Message d'erreur à l'ouverture de mes images | 1 |
![]() | Spyware Blaster - SpywareBlaster permet de conserver un système sain sans spyware , sans avoir besoin de fonctionner constamment en arrière... | Catégorie: Anti-Spyware Licence: Freeware/gratuit |
![]() | Ultraiso - UltraISO est un outil de conversion, d'édition et de création de fichiers images ISO CD/DVD et de création de CD/DVD... | Catégorie: Gravure Licence: Open Source |
![]() | ImageWell - ImageWell n'est pas à proprement parler un logiciel de Retouche photo. Il permet plutôt de préparer des images pour le... | Catégorie: Retouche photo Licence: Freeware/gratuit |
![]() | Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de... | Catégorie: Graphisme Licence: Freeware/gratuit |
![]() | Foster's Home for Imaginary | Catégorie: Jeu vidéo Nintendo DS | 10.00 € Micromania |
![]() | Klipsch Image | Catégorie: Casque audio | 250.01 € Sound Of Arthur |
![]() | Canon imagePROGRAF iPF5100 | Catégorie: Imprimante | 2,078.63 € PriceMinister |
![]() | Canon imageCLASS MF4270 | Catégorie: Imprimante multifonctions | 389.00 € SAB Megastore |