Как изменить высоту и ширину изображения с помощью JavaScript

0
<div id="Poppen" style="float: right">
     <script language="JavaScript">
            function random_imglink(){
               var myimages=new Array()
               //specify random images below. You can have as many as you wish
               myimages[1]="Kleren/Kleren1.jpg"
               myimages[2]="Kleren/Kleren2.jpg"
               myimages[3]="Kleren/Kleren3.jpg"
               myimages[4]="Kleren/Kleren4.jpg"
               myimages[5]="Kleren/Kleren5.jpg"

               //specify corresponding links below
               var ry=Math.floor(Math.random()*myimages.length)
               if (ry==0)
                 ry=1
                 document.write('<img src="'+myimages[ry]+'" border=0>')
            }
            random_imglink()
           //-->
    </script>
</div>

</body>
</html>

Это код javascript для изменения моих изображений при обновлении страницы. Но эти изображения слишком велики, и я не могу найти, как их уменьшить?

Теги:

3 ответа

0
Лучший ответ

Вы можете использовать атрибуты высоты и ширины

height = "xx" width = "xx"

добавьте те attr в

document.write('<img src=myimages[ry] width=xx height=xx> border=0>')

для дополнительной информации проверьте ссылку

  • 0
    Спасибо, это сработало! : D Ты в конце концов знаешь, как я могу выровнять это больше вправо? Теперь это так prntscr.com/2y85z2
  • 0
    Вам не нужно использовать как высоту, так и ширину. Если вы укажете только один, другой будет выведен на основе соотношения сторон изображения.
Показать ещё 1 комментарий
0

Javascript:

document.getElementsByTagName("img").style.height="50px";

Или просто css.

#Poppen img {width: 100px; height:100px;}
0

В тэге img вы можете добавить высоту и ширину attr. Вы можете изменить xxx на 50 пикселей или любую высоту и ширину.

document.write('<img src="'+myimages[ry]+'" border=0 style="height:xxx;width:xxx;">')

Ещё вопросы

Сообщество Overcoder
Наверх
Меню