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

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


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

  • 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>

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

!

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



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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

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

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