На этом сайте, над которым я работаю, - 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. Они все там. Я проверил часто задаваемые вопросы сайта, и все, что он сказал, было, "удостоверьтесь, что все установлено правильно". Я прогуглил это и прочитал другие вопросы в стеке, и я не мог исправить, поэтому я подумал, что пришло время спросить ... Спасибо!