» »

Открыть изображение в новом окне сайта


Открыть изображение в новом окне сайта

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

Кто то скажет, но зачем, если есть от системы, но здесь каждому свое. Просто кому то так нужно и будет в статье нормально смотреться. Также вы можете выставить сразу несколько картинок, то количество которое вам нужно.

Установка:

Для начало разместим код JavaScript, который будет в /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 загоняем.

Код
<div>
  <img src = 'http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/0583cc9.jpg' alt = 'Фотография' width = '200' onclick = 'openImageWindow(this.src);' />
</div>


На этом все, теперь как все поставите и выведете как вам нужно, то все будет работать, как на демонстрации, что представлена.

15.05.2016 Просмотров: 368 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
feliksteg
feliksteg 16.05.2016 00:251
0
Но это что то похоже на скрипт, который недавно на сайте был залить. Только там все по ссылки и окно также открывается.
Сопрано
Сопрано 16.05.2016 02:222
0
Считаю нужно в материал поставить ссылку на старый материал, они похожие по своим функциям. Тут мне не нравится, что только на клике и не делается как нужно палец, не чего если так написал, думаю понятно. biggrin
csretven
csretven 16.05.2016 02:263
0
Да какая разница, только другой может не понять, что оно может увеличиваться.
Kosten
Kosten 16.05.2016 02:544
0
Добавил, так как коды, можно сказать с одного гнезда, но работают на JavaScript, только толкование немного изменены.
avatar