绕过正常的图像上传过程

时间:2013-05-29 作者:Josh Smith

我有一个页面,我想研究一些小技巧,然后展示它们。我构建了一个滚动横幅,使用图像,然后按顺序滚动它们。我已经成功地用静态HTML构建了它,但我从未在Wordpress中这样做过。

我已经将图像上传到我的MAMP服务器,并在各自的s中调用它们。除了图像不加载外,其他都可以正常工作。此外,在进行故障排除时,我在同一页上单独加载了一个图像,但它也没有显示出来。

如何为单个页面加载图像?从技术上讲,它们不能在该页面之外使用。嗯。

-乔希

    <?php
    /*

    Template Name: scrolling headers


    */

    get_header(); ?>

    <div id="primary" class="site-content">
        <div id="primary" class="site-content" style="width:100%;">
    <!-- Each image is 350px by 233px -->
            <div class="photobanner">
                <img class="first" src="../converted_images/lebowoski-01.jpg" alt="lebowoski-01" width="350" height="197" />
                <img src="../converted_images/lebowoski-04.jpg" alt="lebowoski-04" width="350" height="197" />
                <img src="../converted_images/lebowoski-03.jpg" alt="lebowoski-03" width="330" height="233" />
                <img src="../converted_images/lebowoski-09.jpg" alt="lebowoski-09" width="350" height="224" />
                <img src="../converted_images/lebowoski-02.jpg" alt="lebowoski-02" width="350" height="197" />
                <img src="../converted_images/lebowoski-08.jpg" alt="lebowoski-08" width="350" height="197" />
                <img src="../converted_images/lebowoski-07.jpg" alt="lebowoski-07" width="350" height="197" />
                <img src="../converted_images/lebowoski-06.jpg" alt="lebowoski-06" width="350" height="210" />
                <img src="../converted_images/lebowoski-05.jpg" alt="lebowoski-05" width="350" height="210" />
            </div>
        </div><!-- #content -->
    </div><!-- #primary -->



    <?php get_footer(); ?>

1 个回复
最合适的回答,由SO网友:s_ha_dum 整理而成

如果问题是“为什么不加载我的图像?”答案是“不要在WordPress上下文中使用相对URL。”

使用以下函数admin_urlthese other related functions 相反

相对URL是相对于您所在页面的URL的,由浏览器计算。换句话说,相对URL是(客户端)浏览器看到的相对URL。对于或多或少映射到文件系统路径的静态HTML站点,它工作得很好。使用像WordPress这样的生成URL结构创建的URL不起作用。

考虑http://example.com/category/aciform. 在WordPress中,该位置没有文件,但这是计算相对URL的基础。这使他们非常不可靠。

相关的

http://yoast.com/relative-urls-issues/

结束

相关推荐

Hover images and Videos

我用这个代码在我的博客上显示视频循环。它工作得很好。作用phpfunction catch_video() { global $post, $posts; $first_vid = \'\'; ob_start(); ob_end_clean(); $output = preg_match_all(\'/<iframe.+src=[\\\'\"]([^\\\'\"]+)[\\\'\"].*>/i\', $post->post_c