Bonjour,
J'essaie d'installer la shadowbox téléchargée ici : http://www.shadowbox-js.com/index.html
Mais j'ai un petit problème avec la configuration :
Je voudrais que lorsqu'on clique sur la page, la shadowbox s'ouvre et affiche une petite page html, un peu comme un pop up, mais "amélioré"...! Cette page doit se dimensionner automatiquement en fonction de sa taille. J'ai utilisé le paramètre "autoDimensions" de la Shadowbox :
1 2 3 4
| Shadowbox.init({
players: ["iframe"],
autoDimensions: true
}); |
Le lien de la Shadowbox :
<a rel="shadowbox;" href="http://www.monsite.com/dentier.htm" title="Titre">France</a>
Voir le résultat (cliquez sur le mot "Dentier" dans le tableau) : http://www.comeric.fr/e/
Actuellement j'ai ça :

La fenêtre ne se dimensionne pas automatiquement... 
Si je dimensionne la Shadowbox de cette façon et que je retire le paramètre "autoDimensions" :
<a rel="shadowbox; height=285; width=530;" href="http://www.comeric.fr/e/france.htm" title="Titre">Dentier</a>
J'obtiens ceci :

C'est ce que je voudrais obtenir, mais j'ai plusieurs pages html de dimensions différentes alors je préfèrerais que ça se dimensionne automatiquement.
Le code de la page "dentier.htm" qui est appelée :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="css/popup.css" />
</head>
<body>
<table width="500" border="0" cellspacing="20">
<tr>
<td width="232" valign="top">
</td>
<td width="204" valign="top"><div id="popstyle">Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.</div></td>
</tr>
</table>
</body>
</html> |
Apparemment le paramètre "autoDimensions" n'est pas pris en compte... je ne comprends pas pourquoi... Comment faire pour que la page html se dimensionne automatiquement dans la Shadowbox ?
Merci de votre aide
Partager