Я разрабатывал сайт и использую 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
Если у вас есть этот 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
Вы хотите сделать это с чем-то подобным?
$('.fancybox').click(function(e) {
e.preventDefault()
$.fancybox({
'content': $(this).attr('href'),
'type':'iframe'
});
ajax
вместоiframe
и страница будет использовать любой стиль, который вы загрузили на своей главной странице.