Показать div как всплывающее окно с помощью Fancybox

Question

Мне нужно показать div с формой заявки во всплывающем окне, используя fancybox. Возможно ли .fancybox () что-нибудь, кроме изображения, потому что все учебники, с которыми я сталкивался в Интернете, используют.

Заранее спасибо!

У меня есть следующий код:

<input type="button" value="Preview" id="btnPreview" />

текст тестен!

<script type="text/javascript">
    $(document).ready(function () {

        $('#divDetails').hide();
        $('#divPreview').hide();

        $('.image').click(function () {
            var imgPath = $(this).attr('src');
            var imgName = imgPath.substring(0, imgPath.length - 4);
            var imgAlt = $(this).attr('alt');

            $('#mainDiv').hide();
            $('#divDetails').show('slow');

            $('#detailedImage').attr('src', imgName + '-large.jpg').attr('alt', imgAlt);
        });

        $('#btnPreview').click(function () {
            $('#divDetails').show();
            $("#divPreview").fancybox();
        });
    })
</script>

Остальная часть кода не имеет значения. когда я нажимаю кнопку btnPreview, я хочу, чтобы div с идентификатором divPreview всплывала, и я вызываю $ ("# divPreview"). fancybox ();

Я включаю эти сценарии

<link href="../css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<script src="../fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
<script src="../fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>

Что я делаю не так?

Спасибо !!

Answer 1

Лично я пользуюсь prettyPhoto, его очень простой, но я нашел его более совместимым со старыми браузерами.

посмотрите

http://www.no -margin-for-errors.com / проекты / prettyphoto-JQuery-Lightbox-клон /

Я верю странице, которую вы ищете, для загрузки пользовательского контента здесь

http://www.no -margin-for-errors.com / блог / 2010/09/28 / учебник открытие-заказ контента в-prettyphoto /

В этом примере они используют карты Google:)

Надеюсь, это поможет вам.

Answer 2

Дайте больше информации, пожалуйста ... В каком контексте?Какой у вас html?

Возможные ошибки:

1) jQuery не загружается до запуска этого фрагмента (включите его первым) 2) Один или оба идентификатора не найдены3) fancybox не включен до запуска этого фрагмента.