解決させたいことは、lightgalleryというlightbox系のjqueryを使用しforeachのループで、画像がアップされた場合は、一枚目と2枚目以降で分岐をさせ、空の場合は、noimgを表示させているのですが、
1枚目の画像は、サムネイルとして使用されており、2枚目以降を1枚目のサムネイルクリック後、lightboxでギャラリーとして表示させております。
空の場合は、noimgを表示出来ているのですが、lightgalleryのクリックをキャンセルさせたいです。
<ul id="lightGallery-staff1" class="gallery-inner"> <?php $images = get_field('staff-works-gallery1'); $img_count=1; if( $images ): ?> <?php foreach( $images as $image ):?> <?php if ($img_count == 1) : ?> <li class="staff-cv-gallery1" data-src="<?php echo $image['sizes']['staff-cv-size']; //サムネイル1枚目 ?>" data-sub-html="<h4><?php the_field('staff-works-name1'); ?></h4><p><?php the_field('staff-works-detail1'); ?></p>"> <img src="<?php echo $image['sizes']['staff-cv-size']; //サムネイルクリック後表示される2枚目以降 ?>" alt="<?php the_field('staff-works-name1'); ?>"></li> <?php else:?> <li class="staff-cv-subgal" data-src="<?php echo $image['sizes']['staff-cv-size']; ?>" data-sub-html="<h4><?php the_field('staff-works-name1'); ?></h4><p><?php the_field('staff-works-detail1'); ?></p>"> <img src="<?php echo $image['sizes']['staff-cv-size']; ?>" alt="<?php the_field('staff-works-name1'); ?>"></li> <?php endif; ?> <?php $img_count++; ?> <?php endforeach; ?> <?php elseif( empty( $images ) ): //もし記事が空だったら ?> <li class="staff-cv-gallery1"> <img src="<?php echo get_template_directory_uri(); ?>/images/staff_noimg.jpg"></li> <?php endif; ?> </ul>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/07/30 13:56