• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Открыть в размер изображение в новом окне (Как открыть картинки или изображение в новом окне?)
Открыть в размер изображение в новом окне
Kosten
Дата: Среда, 2020-06-03, 20:08 | Сообщение 1
Оффлайн
Администраторы
Сообщений:29329
Награды: 62


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

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



Код JavaScript (вставлять между тегами head и /head):

Код
<script type="text/javascript">
  function openImageWindow(src) {
    var image = new Image();
    image.src = src;
    var width = image.width;
    var height = image.height;
    window.open(src,"Image","width=" + width + ",height=" + height);
  }
</script>

Код HTML (вставлять между тегами body и /body):

Код
<div>
<img src = 'Ссылка на изображение' alt = 'Фото' width = '185' onclick = 'openImageWindow(this.src);' />
</div>

Где картинка при установке задается по ширине вами, здесь как видим, что на 185 пикселей идет, где при клике получите оригинальный размер.

Демонстрация
Прикрепления: 5384572.jpg(27.7 Kb) · aWBLO.zip(2.1 Kb) · dsan.rar(0.6 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Открыть в размер изображение в новом окне (Как открыть картинки или изображение в новом окне?)
  • Страница 1 из 1
  • 1
Поиск: