Автоматическое Модальное окно

@Anda · Регистрация: 14.05.2012

Author24 — интернет-сервис помощи студентам

HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-RU">
<head>
<meta name="robots" content="noindex,nofollow"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.gallery").fancybox();
$("a.gallery2").fancybox(
{                       
"padding" : 2, // отступ контента от краев окна
"imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE
"zoomOpacity" : false,  // изменение прозрачности контента во время анимации (по умолчанию false)
"zoomSpeedIn" : 1000,   // скорость анимации в мс при увеличении фото (по умолчанию 0)
"zoomSpeedOut" : 1000,  // скорость анимации в мс при уменьшении фото (по умолчанию 0)
"zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0)
"frameWidth" : 700,  // ширина окна, px (425px - по умолчанию)
"frameHeight" : 600, // высота окна, px(355px - по умолчанию)
"overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay 
"overlayOpacity" : 0.8,  // Прозрачность затенения  (0.3 по умолчанию)
"hideOnContentClick" :true, // Если TRUE  закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE      
"centerOnScroll" : false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу     
});
});
    </script>
</head>
<body><div style="border:1px solid black;width:460px"><h3>link</h3>
<a class="gallery" title="Заголовок контента" href="content.html">Контент</a></div>
</body>
</html>

Что нужно добавить или поменять для того чтоб окно грузилось не по щелчку "link" а при загрузке картинки

@skv1991 · 15.05.2012, 02:05

А где картинка? Какая?
Не очень вопрос сформулирован корректно.
Вам нужно чтобы при загрузке страницы сразу модальное окно плагина FancyBox открывалось с определенной картинкой?
Если так, то попробуйте дождаться её загрузки или загрузки документа, затем сымитируйте щелчок мышки по объекту кодом:

Javascript

<script type="text/javascript">
$(document).ready(function() {
    $("a.gallery").click();
});
</script>

У меня написано $(document).ready, может понадобится отследить ход загрузки картинки, но она должна где-то отдельно подгружаться видимо. Поясните то, что Вы имеете в виду.

@Воваша · 15.05.2012, 17:30

Anda, может быть onload?

@skv1991 · 15.05.2012, 21:19

Да, или как Воваша предлагает

@Воваша 26 / 26 / 2 Регистрация: 10.05.2012 Сообщений: 120
	15.05.2012, 17:30	3
	Anda, может быть onload? 0

@skv1991 19 / 19 / 2 Регистрация: 14.05.2012 Сообщений: 39
	15.05.2012, 21:19	4
	Да, или как Воваша предлагает 0