Obtenez de l'image source par ID avec la taille

Je travaille sur un site WP avec une certaine promotion /annonce les curseurs avec un Google Analytics, cliquez sur l'événement. Fonctionne très bien, maintenant, je veux me servir de l'image de droite sur le droit de résolution.

Je suis en utilisant picturefill pour servir les images. Fonctionne très bien, tout codé en dur, donc je sais que ça fonctionne. Lorsque j'essaie d'obtenir les sources de l'image avec les images téléchargées par WP n'est pas le cas. Je le sais à cause de mon (absence) compétences en php.

Ce picturfill besoins:

<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>

J'ai l'url ou l'id ou l'image stockée dans:
$attachment_id

J'ai pensé à faire cela:

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

?>

La get_field('advimg'); est de 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 wp_get_attachment_image_src( $attachment_id, $default ); ?>" data-media="(min-width: 768px)"></span>
    <span data-src="<?php wp_get_attachment_image_src( $attachment_id, $large ); ?>" data-media="(min-width: 1200px)"></span>

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

Mais ce n'est pas de travail. Iv'e joué autour avec:

wp_get_attachment_image_src
wp_get_attachment_image_url
wp_get_attachment_image_link

Je dois avoir les vendredis, en raison, il n'est pas de travail et quelque chose me dit que ce n'est pas difficile... je suis juste pas la voir aujourd'hui.

Espère que vous les gars pourrait terrain.

Merci d'avance,

/Paul

MODIFIER /CODE FINAL /FIX

<?php 
$attachment_id = get_field('advanced_custom_field_name_here');
$small = wp_get_attachment_image_src( $attachment_id, 'adv-pos-a-small' );
$default = wp_get_attachment_image_src( $attachment_id, 'adv-pos-a-default' );
$large = wp_get_attachment_image_src( $attachment_id, 'adv-pos-a-large' );
?> 
<span data-picture data-alt="alt desc here">
<span data-src="<?php echo $default[0]; ?>"></span>
<span data-src="<?php echo $small[0]; ?>" data-media="(min-width: 400px)"></span>
<span data-src="<?php echo $default[0]; ?>" data-media="(min-width: 768px)"></span>
<span data-src="<?php echo $large[0]; ?>" data-media="(min-width: 1200px)"></span>
<!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
<noscript>
<img src="<?php echo $default[0]; ?>" alt="alt desc here">
</noscript>
</span>

OriginalL'auteur Kortschot | 2013-06-21