Jak získat url velkého obrázku pomocí id náhledového obrázku - Affinite.io CZ

Musím říci, že titulek pro tento snippet se mi moc nepovedl. Ale vystihuje přesně to, co má kód dělat.

Příklad:

potřebujete mít možnost, otevřít náhledový obrázek, v popup okně. Můžete použít jakýkoliv script, ať již to je Lightbox, Fancybox, nebo něco jiného.

K tomu ale potřebujete mít url obrázku, který chcete v popup okně otevřít.

Můžete použít funkci wp_get_attachment_image_src(). Aby jste dostali url obrázku, je nutné získat jeho  ID.

Tu dostaneme pomocí get_post_thumbnail_id();

Kód pak může vypadat takto:

$thumbnail_id = get_post_thumbnail_id( $post_id );

$image_url = wp_get_attachment_image_src( $thumbnail_id, 'large' );

<img src="<?php echo $thumbnail_url; ?>" data-img="<?php echo $image_url[0]; ?>" />

Url obrázku, jenž jsme získali, je ve velikosti large, která by pro popup měla být dostatečná. HTML kód je závislý od použitého scriptu – pro ilustraci jsem ho vložil do data-img.

Nezapomeňte, že dostanete pole, kde url je na první pozici, takže musíte vypisovat  $image_url[0].

Zkráceně můžete použít:

$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post_id ), 'large' );
Další WordPress Pivo již 30.11.2016
Další WordPress Pivo již 30.11.2016
17 Lis, 2016
Jak přidat css třídu do tagu body
Jak přidat css třídu do tagu body
18 Lis, 2016

Looking for something?