このエントリーをはてなブックマークに追加

繰り返しの画像フィールドでサムネイルから元画像にリンク、表示順を逆に、拡大画像は5枚までだがサムネイルの表示は1つだけ。
クラスthumb でサムネイルを全て同じ位置に配置、ループをカウントして2つ目以降はクラスhide-thumb で非表示に。

<?php $repeater = get_field('images'); if( $repeater ) {
    $column_id = array();
    foreach( $repeater as $key => $row )
    {
        $column_id[ $key ] = $row;
    }
    array_multisort( $column_id, SORT_DESC, $repeater );$counter =1;
    foreach( $repeater as $row )
    {
        $image = wp_get_attachment_image_src( $row['image'], 'full');
        $image_s = wp_get_attachment_image_src( $row['image'], 'thumbnail'); ?>
<a href="<?php echo $image[0]; ?>"><img class="thumb<?php if($counter >= 2){ echo ' hide-thumb'; } ?>" src="<?php echo $image_s[0]; ?>" width="<?php echo $image_s[1]; ?>" height="<?php echo $image_s[2]; ?>" alt="<?php the_title(); ?>" /></a>
<?php $counter++; } } ?>

その他のAdvanced Custom Fields に関する記事一覧

2013.05.10 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles