Quelque chose de difficile à comprendre pour moi ça, comment puis-je définir la largeur et la hauteur pour les images aléatoires lorsqu'elles sont affichées. Quelqu'un peut-il m'aider, s'il vous plaît?
Ceci est mon code P>
p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Display random image</title>
</head>
<body>
<input type="button" id="randomImage" onclick="randomImage()" value="Random">
<img src="" name="canvas" />
</body>
</html>3 Réponses :
Vous devriez créer une classe: "image"
et en CSS, vous devriez ajouter: .image{ largeur: 220px; // vous mettez votre valeur ici Hauteur: auto; // pour considérer les proportions de l'image }
Je suis notsure Si cela répond à votre question, mais vous pouvez également choisir une autre approche que vous pouvez faire comme suit: où .wrapper a débordement. défini sur caché et img a une largeur de 100% et de hauteur automatique,
Pour identifier votre image par attribut name, utilisez getelementsbyname ou le plus récent QuerySelector et pour la largeur de réglage et la hauteur Vous pouvez utiliser l'attribut de style : ou P> <input type="button" id="randomImage" onclick="randomImage()" value="Random">
<img src="" name="canvas" />
Vous auriez pu utiliser p> window.canvas code> ici, mais c'est document.Quiseryselector code> est votre ami.
<img name="canvas" src="" />
<br><button>Another picture</button>
document.getelementsByname ("Canvas") [0] .src = imagesparray [num]; et pour largeur / hauteur:document.getelementsbyName ("Canvas") [0] .style.width) [0]. = "100px";document.getelementsByname ("Canvas") [0] .style.height = "100px";