Перейти к содержанию
СофтФорум - всё о компьютерах и не только

Картинки в новом окне


Рекомендуемые сообщения

  • 2 недели спустя...

<HTML>

<HEAD>

<script LANGUAGE="JavaScript">

var popupURL = "";

function ShowPopup()

{

var popup = window.open(popupURL, null, 'toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=0, width=350, height=350,background=img.jpg');

}

</SCRIPT>

</HEAD>

<BODY>

<A href="java script: popupURL = 'http://www.somehost.net'; ShowPopup(); "><img src="thumbnail.jpg">Эта ссылка открывает PopUp окно</A>

</BODY>

</HTML>

Пояснения

Функция "ShowPopup()" открывает Popup-окно с заданными параметрами, которые само собой можно изменять по своему усмотрению:

toolbar=0 - панель инструментов в новом окне отсутствует.

1 - присутствует.

location=0 - адресная строка в новом окне отсутствует.

1 - присутствует.

directories=0 - панель ссылок в новом окне отсутствует.

1 - присутствует.

status=0 - строка статуса в новом окне отсутствует.

1 - присутствует.

menubar=0 - верхнее меню в новом окне отсутствует.

1 - присутствует.

scrollbars=0 - полосы прокрутки в новом окне отсутствуют.

1 - присутствуют.

resizable=0 - новое окно не растягивается.

1 - растягивается.

width=300 - ширина нового окна в пикселях.

height=300 - высота нового окна в пикселях.

В теле документа имеется ссылка-картинка, в которую вставлен JavaScript, который передает функции адрес HTML-документа, который будет загружен в PopUp-окно. Само собой, этот адрес также нужно заменить,вместе с путями к изображению для ссылки и изображению для окна.Дополнительные параметры по той же схеме,в описании свойств окна в скрипте.

Должно работать,сам не проверял,только что налабал...

Ссылка на комментарий
Поделиться на другие сайты

  • 6 лет спустя...

Так как написано - не работает. Но идея помогла.Спасибо.

Код заработал после небольшой модификации:

1 файл 1.js:

var popupURL = "";

function ShowPopup(popupURL)

{

var popup = window.open(popupURL, null, 'width = 600');

}

2 файл .html:

<html>

<head>

<script type="text/javascript" src="1.js"></script>

</head>

<body>

<a name="zi"></a>

<a href="#zi">

<img src="img_small.jpg" width="170" height="210" alt="Маленькая картинка" onClick = "ShowPopup('img_large.jpg');">

</a>

</body>

</html>

Ссылка на комментарий
Поделиться на другие сайты

!

Предупреждение:
Отвечать на пост шестилетней давности - это ли не оперативность?



Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...