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