dimanche 6 novembre 2011

Image en arrière-plan (background) d'une cellule


Encore une image en arrière-plan d'une cellule car le précédent exemple était un peu confus.
Il y a donc une image distante en arrière-plan (image satellite de wunderground) et une image classiquement insérée par dessus. C'est une sorte de "couche" (layer) en fait, une image.png transparente avec les noms d'îles et la position de St Martin. Je précise que j'ai été incapable de faire fonctionner ce code ici sur ce blog alors qu'il fonctionne très bien sur mes autres blogs... Il faudra que je trouve l'origine de ce problème. Par contre, ça marche très bien dans un iframe et c'est donc ce que j'ai fait (ci-dessus).

 <table align="center" cellpadding="0" cellspacing="0" height="280" style="height: 280px; width: 320px; " width="320">
<tbody>
<tr>
<td background="http://wublast.wunderground.com/cgi-bin/WUBLAST?lat=18.04999924&amp;lon=-63.11999893&amp;zoom=3&amp;width=320&amp;height=280&amp;key=sat_ir4&amp;basemap=1&amp;gtt=60&amp;num=1&amp;timelabel=1&amp;delay=25&amp;borders=1&amp;theme=WUBLAST_WORLD&amp;extension=png&amp;proj=ll" width="150">
<a href="http://wublast.wunderground.com/cgi-bin/WUBLAST?lat=18.04999924&amp;lon=-63.11999893&amp;width=670&amp;height=600&amp;gtt=80&amp;num=6&amp;delay=25&amp;key=sat_ir4&amp;zoom=4&amp;basemap=1&amp;borders=0&amp;theme=WUNIDS" target="_blank"><img alt="" src="http://3.bp.blogspot.com/-IxOU7VP8luo/TrbUYAZ4-pI/AAAAAAAADCM/M4WIzOyWZCU/s1600/calqueWUBLAST.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; width: 320px; height: 280px; " /></a></td>
</tr>
</tbody>
</table>

Ce qui est à changer est en rouge. Il y a des bizarreries au début du code, mais ça fonctionne. Je le referai dès que j'en aurai le temps. Le lien de l'image ouvre une animation satellite. Remarque: si vous changez la valeur de basemap=1 en basemap=0, vous n'aurez que les images et les contour des îles (transparence). Intéressant pour placer votre propre carte. L'image satellite transparente, ci-dessous. Notez que si vous voulez travailler avec 3 images superposées, il faudra imbriquer 2 tableaux l'un dans l'autre sur le même principe. On peut aussi avoir une image satellite sans le dessin des Iles mais je ne me souviens plus comment il faut faire! gtt=60 correspond à la transparence des nuages ou sensibilité. Surtout intéressant avec une image "visible".


Aucun commentaire:

Enregistrer un commentaire