Причудливая шкатулка с URL

0

Я разрабатывал сайт и использую bootstrap, и jquery... Я узнал, что bootstrap имеет модальности, который точно так же, как fancybox, но понял, что он недостаточно хорош, поэтому я пошел вперед и получил fancybox... Недавно я увидел сайт PrimeDice, и я увидел, что они также используют fancybox, и я хочу настроить fancybox, как они это сделали... Если вы посмотрите на их код, вы увидите, что они получают fancybox, как это...

<a href="/modals/faq.html" class="action-fancybox">faq</a>

В основном происходит то, что если вы перейдете на http://primedice.com/modals/faq.html, вы увидите текстовую версию фэнтези. Я хочу сделать что-то похожее на это, где он извлекает текст или данные fancybox с другой страницы... Таким образом, в основном есть папка, называемая модалами, и имеет файл с именем text.php, а затем извлекать информацию из этого, и показать его как fancybox на моей домашней странице... Надеюсь, вы понимаете, что я имею в виду...

Вот как выглядит их код faq: http://pastie.org/8345073

Теги:
fancybox

2 ответа

0
Лучший ответ

Если у вас есть этот html

<a href="/modals/faq.html" class="action-fancybox">faq</a>

затем используйте код jQuery, подобный этому

jQuery(document).ready(function($){
    $(".action-fancybox").fancybox({
        type: "iframe"
    });
});

Предположим, что вы правильно загрузили jQuery, а также fancybox js и css файлы.

Посмотрите, как работает этот JSFIDDLE

  • 0
    Быстрый вопрос ... Вот как выглядит страница PrimeDice puu.sh/4x1Em.png, а ваша страница выглядит так: puu.sh/4x1FE.png Как я могу получить несколько близкий стиль? Понравился заголовок и прочее? Страница faq, которая загружается из папки модалов, имеет стиль, но не загружается ... Надеюсь, вы понимаете!
  • 0
    Если вы загружаете внешнюю страницу из своего домена, используйте ajax вместо iframe и страница будет использовать любой стиль, который вы загрузили на своей главной странице.
Показать ещё 1 комментарий
0

Вы хотите сделать это с чем-то подобным?

$('.fancybox').click(function(e) {
 e.preventDefault()
 $.fancybox({
   'content': $(this).attr('href'),
   'type':'iframe'
});
  • 0
    Нет ... Вы видите ссылку выше? По сути, я хочу, чтобы, когда я щелкаю эту ссылку, она открывала необычное окно (на самом деле не идет по ссылке) и показывала данные, которые находятся в ссылке ... Это похоже на динамический веб-сайт. Он захватывает контент из другого места и отображает его на экране ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню