Menu
I am trying to display image, through JavaScript, but i can't figure out how to do that. I have following
function image(a,b,c) { this.link=a; this.alt=b; this.thumb=c; } function show_image() { document.write("img src="+this.link+">"); } image1=new image("img/img1.jpg","dsfdsfdsfds","thumb/img3"); in HTML
<p><input type="button" value="Vytvor" onclick="show_image()" > </p> I can't figure out where should I put something like image1.show_image();.
HTML? Or somewhere else...
810
You can access an <input> element with type="image" by using getElementById(): var x = document. getElementById("myImage"); Tip: You can also access <input type="image"> by searching through the elements collection of a form.
Image() The Image() constructor creates a new HTMLImageElement instance. It is functionally equivalent to document. createElement('img') .
You could make use of the Javascript DOM API. In particular, look at the createElement() method.
You could create a re-usable function that will create an image like so...
function show_image(src, width, height, alt) { var img = document.createElement("img"); img.src = src; img.width = width; img.height = height; img.alt = alt; // This next line will just add it to the <body> tag document.body.appendChild(img); } Then you could use it like this...
<button onclick= "show_image('http://google.com/images/logo.gif', 276, 110, 'Google Logo');">Add Google Logo</button> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
