Плагин fancybox jquery ссылается на изображение, но не накладывается - PullRequest
0 голосов
/ 30 марта 2012

На этом сайте, над которым я работаю, - http://www.basicliving.com - когда вы нажимаете на специальное объявление, посвященное дню матери, вы переходите на отдельную страницу с изображением и серым фоном. Я использую fancybox, и я отлично следовал инструкциям на сайте fancybox. Я проверил в firebug и все файлы там и подключены. Для этого нужно просто наложить изображение на серый, но несколько прозрачный фон, чтобы вы могли видеть содержимое домашней страницы за изображением. Вот код ...

$(document).ready(function(){
        /* This is basic - uses default settings */

        $("#init_over").fancybox({
            'speedIn'       :   600, 
            'speedOut'      :   200, 
            'overlayShow'   :   false,
            'hideOnContentClick': true
        });

    });

и HTML ...

<a id="init_over" href="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/mothersDayAd.jpg">
            <img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/momsDayAd.jpg" alt="Mother's Day Bosch Sale!" /></a>

Я также связал CSS в голове вместе с необходимыми скриптами JQuery и fancybox. Они все там. Я проверил часто задаваемые вопросы сайта, и все, что он сказал, было, "удостоверьтесь, что все установлено правильно". Я прогуглил это и прочитал другие вопросы в стеке, и я не мог исправить, поэтому я подумал, что пришло время спросить ... Спасибо!

1 Ответ

1 голос
/ 30 марта 2012

Похоже, вы включили jQuery дважды.

    <script type="text/javascript" src="templates/OS03C00309/includes/js/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
...