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
Vous devez vous connecter pour publier un commentaire.
wp_get_attachment_image_src
est prêter à confusion du nom. (Un nom de mieux pour elle serait wp_get_attachment_image_atts). Il retourne en fait un tableau avec des attributs de l'image "url", "largeur" et "hauteur" d'une image (fichier de la pièce jointe. Juste pour l'image src, utiliser le premier élément dans le tableau renvoyé:Aussi, assurez-vous que votre ACF du champ de l'image le type de retour est fixée à la pièce jointe pièce d'identité afin que
$attachment_id = get_field('advimg');
vous donne l'id que vous attendez.ah ouais mec! génial! Mauvais modifier / ajouter le code terminé!
OriginalL'auteur AidanCurran