Открытие нового окна с заданными размерами
Для открытия нового окна в браузере пользователя с указанными нами размерами и содержимым в нужном месте необходимо воспользоваться JavaScript функцией window.open.
Для демонстрации работы скрипта нажмите на картинку, расположенную чуть ниже. После клика должно появиться новое окно с более крупной картинкой (но скорее всего она будет заблокирована Вашим браузером, о чем Вам должно будет сообщено Вашим браузером).
Для открытия нового окна в браузере, JavaScript функцию window.open необходимо поместить в тело Вашей странички, как показано ниже:
<script type="text/javascript">
function win(url) {
msg=window.open("", "msg", "height=570, width=760, left=100, top=100");
msg.document.write("<html><title>Image</title><body>");
msg.document.write("<img src='" + url + "'>");
msg.document.write("</body></html>");
}
</script>
Затем следует использовать описанную ранее JavaScript функцию win() следующим образом (при клике по картинке):
<div style="text-align: center;">
<a href="javascript:win('http://usefulscript.ru/image/KaV.jpg');">
<img src="image/KaV.jpg" width="200">
</a>
<br>
<u>Для увеличения нажмите на картинку!</u>
</div>
Обратите внимание, что в функции win() мы указали URL-адрес изображения, которое будет загружено в новом открытом окне. Если Вы все сделали так, как написано в данной статье, то у Вас должно получиться точно так же, как и в показанном чуть выше примере.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.