Как отобразить изображение с помощью JavaScript? - PullRequest
Новая
       1

Как отобразить изображение с помощью JavaScript?

19 голосов
/ 27 марта 2011

Я пытаюсь отобразить изображение через JavaScript, но не могу понять, как это сделать. У меня есть следующие 

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");

в HTML 

<p><input type="button" value="Vytvor" onclick="show_image()" > </p>

Я не могу понять, куда мне положить что-то вроде image1.show_image();.

HTML? Или где-то еще ...

1 Ответ

41 голосов
/ 28 марта 2011

Вы можете использовать Javascript DOM API .В частности, посмотрите на метод createElement () .

Вы можете создать функцию многократного использования, которая будет создавать изображение, например ... 

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);
}

Тогда вы можете использовать его следующим образом ... 

<button onclick=
    "show_image('http://google.com/images/logo.gif', 
                 276, 
                 110, 
                 'Google Logo');">Add Google Logo</button>

См. Рабочий пример для jsFiddle: http://jsfiddle.net/Bc6Et/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...