Jak získat url velkého obrázku pomocí id náhledového obrázku

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' );

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *