javascript pass variable de style
screen_w = window.innerWidth;
screen_h = window.innerHeight;
pour obtenir la fenêtre deminsions et puis le mettre dans une variable. Est-il un moyen de prendre cette variable et ensuite l'utiliser dans mon style?
Tels que:
img
{
width:screen_w;
height:screen_h;
}
J'ai essayé
<script type="text/javascript">
<style>
img..
</style>
</script>
mais cela ne semble pas fonctionner.. est-ce possible ou est-il une autre façon de passer une variable?
Merci d'avance.
///Ajoutée
Ok, donc le Lien en bas ---v
Est en train de discuter de faire un nœud qui est de votre "style"
<script type="text/javascript">
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createNode('img { width:screen_w; height:screen_h; }');
style.type = 'text/css';
if(style.styleSheet)
style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);
</script>
alors pour mon html j'ai juste à insérer mon image.
<img src="slide1.jpg">
mais ses pas encore tout à fait en passant en quelque sorte.
Je peux toutefois obtenir le document".getElementById au travail. Est-il un moyen de le faire sans un bouton.. comme onLoad()?
function changeSize()
{
document.getElementById("picture").height= screen_h;
document.getElementById("picture").width= screen_w;
}
</script>
</head>
<body>
<img id="picture" src="slide1.jpg" width="300" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change size of image" />
- Pourrait peut-être utiliser js pour créer un nouvel élément de style avec le css voulu? (c'est juste de la spéculation)
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser JS pour modifier le CSS, voir à cette question:
Comment faire pour créer un <style> tag avec Javascript
Vous ne pouvez pas passer des variables CSS.
Vous pouvez, cependant, utiliser du javascript directement pour modifier le style d'image (y compris les dimensions).