У меня есть следующее:
в заголовке:
<script type="text/JavaScript">
$(document).ready(function()
{
$(".modal").fancybox({ // for modals pages
'autoSize' : true,
'type' : 'ajax'
});
$("#tip5").fancybox({
'scrolling' : 'no',
'titleShow' : false
});
$("#zoom").fancybox({ // for modal images
'autoScale' : true,
'transitionIn' : 'fade',
'transitionOut' : 'fade'
});
</script>
А затем мой HTML:
<a href="#tip5" href="#login_form" title="Lorem ipsum dolor sit amet">Inline</a>
<div style="display:none">
<form id="login_form" method="post" action="">
<p id="login_error">Please, enter data</p>
<p>
<label for="login_name">Login: </label>
<input type="text" id="login_name" name="login_name" size="30" />
</p>
<p>
<label for="login_pass">Password: </label>
<input type="password" id="login_pass" name="login_pass" size="30" />
</p>
<p>
<input type="submit" value="Login" />
</p>
<p>
<em>Leave empty so see resizing</em>
</p>
</form>
</div>
Это всего лишь встроенный тестовый код, кстати,сначала запустите!
В любом случае, просто ничего не происходит.
Я использую Fancybox в другом месте на моем сайте для модальных страниц, изображений и т. д., и все в порядке, но встроенный не работает ??