[XSLT] Intégration automatique des dimensions d'une image
Bonjour,
Voilà ce qui m'arrive: J'ai fait un petit pgm tout simple, en xml/xsl, utilisé pour afficher une image. Ca fonctionne très bien, sauf que j'aimerais bien pouvoir récupérer automatiquement (via javascript par exemple...) les dimensions de l'image, pour m'éviter d'avoir à les retrouver et à les enregistrer manuellement à chaque fois !
Du fait, via cette adresse, j'ai inséré le code proposé dans le code XSL, c'est à dire :
Code:
1
2
3
4
5
| <script language="javascript">
var w=document.images["idimage"].width;
var h=document.images["idimage"].height;
document.write("L'image fait " + w + " pixels de large sur " + h + " pixels de haut");
</script> |
mais là, je cale carrément car, autant je commence à me débrouiller en xml/Xsl, autant, pour coté javascript, je rame un peu ! :roll:
Autrement dit, dans le cas présent, comment puis-je faire, SVP, pour récupérer les infos de l'image et les intégrer à la ligne suivante (width et height) ?
Code:
<img src="{$adresse}" id="idimage" width="{$largeur}" height="{$hauteur}"/>
Code XML:
Code:
1
2
3
4
5
6
7
| <?xml version="1.0" encoding="UTF-8"?>
<enregistrements>
<titre>Dauphins
<image>http://naturendanger.canalblog.com/albums/especes_animales_en_voie_de_disparition_ou_protegees/m-Dauphins.jpg</image>
</titre>
</enregistrements> |
Code XSL (+ Javascript):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"
encoding="utf-8"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Images</title>
<script language="javascript">
var w=document.images["idimage"].width;
var h=document.images["idimage"].height;
document.write("L'image fait " + w + " pixels de large sur " + h + " pixels de haut");
</script>
</head>
<body bgcolor="#FFFFFF">
<xsl:variable name= "largeur">"500"</xsl:variable>
<xsl:variable name= "hauteur">"375"</xsl:variable>
<xsl:variable name= "adresse"><xsl:value-of select= "enregistrements/titre/image"/></xsl:variable>
<div id="image" style="position:absolute; width:{$largeur}px; height:{$hauteur}px; z-index:1">
<img src="{$adresse}" id="idimage" width="{$largeur}" height="{$hauteur}"/>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet> |
En vous remerciant par avance pour toute proposition qui pourrait m'aider à arranger cette affaire là ! :)
