小编Kor*_*hot的帖子

我正在使用一些促销/广告滑块与WP Analytics点击事件在WP网站上工作.效果很好,现在我想在正确的分辨率上提供正确的图像.

我正在使用picturefill来提供图像.硬编码时工作正常,所以我知道它有效.当我试图获取WP上传的图像的图像源时没有.我知道这是因为我的(缺乏)PHP技能.

图片需要什么:

<span data-picture data-alt="">
    <span data-src="filename_default.jpg"></span>
    <span data-src="filename_small.jpg" data-media="(min-width: 400px)"></span>
    <span data-src="filename_medium.jpg" data-media="(min-width: 768px)"></span>
    <span data-src="filename_big.jpg" data-media="(min-width: 1200px)"></span>

    <!-- Fallback content for non-JS browsers. -->
    <noscript>
        <img src="external/imgs/small.jpg" alt="">
    </noscript>
</span>

我有url或id或图像存储在:$ attachment_id

我以为这样做:

<?php
    $attachment_id = get_field('advimg');
    $large = "adv-pos-a-large";
    $default = "adv-pos-a-default";
    $small = "adv-pos-a-small";

?>

所述get_field( 'advimg'); 来自ACF.

<span data-picture data-alt="">
    <span data-src="<?php wp_get_attachment_image_src( $attachment_id, $default ); ?>"></span>
    <span data-src="<?php wp_get_attachment_image_src( $attachment_id, $small ); ?>" data-media="(min-width: 400px)"></span>
    <span data-src="<?php …

这是一个锚/切换器,用于打开和关闭抽屉,如导航.我希望图标/文字在点击后更改.但是我的jQuery是如此基本,我正在努力解决这个问题.

<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar ss-icon drawer">&#xEB01;</a>

感谢帮助./保罗