Fancybox WordPress 插件未将覆盖 div 包装到图像内容

发布于 2024-11-02 11:20:15 字数 1062 浏览 1 评论 0原文

我在 Fancybox for WordPress 插件中遇到了奇怪的故障 < a href="http://testing.losdelpatio.org/" rel="nofollow noreferrer">Los del Patio 的测试主页。

我正在尝试将特色图像放入精美的盒子中。特色图像作为一个隐藏的 div 存在，它的显示：可见和花哨。它可以工作，除非包装 div 与图像的尺寸不匹配。我什至按照说明通过调用隐藏的容器 div 的内联宽度和高度来覆盖。

这是正在发生的事情的屏幕截图：

screenshot of fancyboxwrapping bug

这是我的 page-casa.phtml 模板中的代码：

    <aside class="galeria-preview" role="complementary">
        <h2><a class="fancybox" href="#galeria-img">Pr&oacute;ximo Exposici&oacute;n: <br/>
        <span class="verde"><?php echo get_post_meta($post->ID, 'galeria-proximo',true); ?></span></a></h2> 
        <div style="width:940px;height:400px;" id="galeria-img" class="hidden">
            <?php the_post_thumbnail( 'full' ); ?> 
        </div>
    </aside>

谢谢任何帮助偷看！

原文

I'm experiencing a weird glitch in the Fancybox for WordPress plugin on Los del Patio's testing home page.

I'm trying to get the featured image to be pulled into a fancybox. The featured image exists as a hidden div that get's display:visible and fancyboxed. It works except the wrapping div doesn't match the image's dimensions. I've even followed the instructions to override by calling out an inline width and height for the container div that's hidden.

Here's the screenshot of what's happening:

screenshot of fancybox wrapping bug

Here's the code from my page-casa.phtml template:

    <aside class="galeria-preview" role="complementary">
        <h2><a class="fancybox" href="#galeria-img">Próximo Exposición: <br/>
        <span class="verde"><?php echo get_post_meta($post->ID, 'galeria-proximo',true); ?></span></a></h2> 
        <div style="width:940px;height:400px;" id="galeria-img" class="hidden">
            <?php the_post_thumbnail( 'full' ); ?> 
        </div>
    </aside>

Thanks for any help peeps!

分享到QQ

分享到微博