Discussion :

[afrodje]

Bonjour.

Je cherche comment faire un aperçu de la page avec le survol de lien.
Pas évident à expliquer, j'ai fais un énorme montage avec paint en fichier joint.

Si vous avez une piste, un lien, un tuto pour commencer, je suis preneur.
PS : J'ai posté dans javascript car je pense que ça se fera avec.

Merci

[SpaceFrog]

si tu veux un aperçu en miniature il faudra plus que javacsript ...

il faut ajax ou (window prototype ou jqury) + url2bmp + un script php qui reduise l'image

[afrodje]

J'ai effectivement telechager window js.

Ensuite faut importer les librairies

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="windows_js/javascripts/prototype.js"> </script> 
	<script type="text/javascript" src="windows_js/javascripts/effects.js"> </script>
	<script type="text/javascript" src="windows_js/javascripts/window.js"> </script>
	<script type="text/javascript" src="windows_js/javascripts/debug.js"> </script>
	<script type="text/javascript" src="windows_js/javascripts/tooltip.js"> </script>
 
	<link href="windows_js/themes/default.css" rel="stylesheet" type="text/css" >	 </link>
	<link href="windows_js/themes/alphacube.css" rel="stylesheet" type="text/css" >	 </link>

Ensuite, ca s'utilise comme ca, tout simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<span id="tooltip" class="green">le lien qui fera office de survol</span>
<script>
TooltipManager.addURL("tooltip", "http://www.toto.com", 900, 400)
</script>

Et voila.

Merci à toi