前提・実現したいこと
すみません、初めて投稿させていただいて、自己中な投げ方をしておりました。
修正させていただきます。
WPのテンプレートを使ってカスタマイズしています。
プラグインのカスタムフィールドテンプレートとslick.jsでサムネイル付きのスライダーを投稿ページに反映させたいと思っています。画像のサイズを調整するためにliquid.jsも使っています。
よろしくお願いいたします。
発生している問題・エラーメッセージ
画像の登録が1枚だと表示されず、2枚以上あると大きい画像とサムネイル画像がきちんと表示されます。
画像が1枚のときも同じように画像が表示できるようにしたいのですが、何が原因かわかりません。
もともと勉強不足でコードが書けないので、ネットで調べていろいろ試していますが、解決できません。
該当のソースコード
lang=javascript
1<script type="text/javascript"> 2jQuery(document).ready(function($) { 3 $(".liquidImage").imgLiquid(); 4})(jQuery); 5</script> 6 7<script type="text/javascript"> 8jQuery( function ($) { 9$( '.slides' ).slick( { 10arrows: false, 11centerMode: false, 12fade: true, 13adaptiveHeight: true, 14centerMode: true, 15asNavFor: '.slides-nav' 16} ); 17jQuery( '.slides-nav' ).slick( { 18slidesToShow: 6, 19arrows: false, 20asNavFor: '.slides', 21focusOnSelect: true 22} ); 23} )(jQuery); 24</script> 25 26<script type="text/javascript"> 27jQuery( document ).ready( function ($) { 28$( ".slide-img" ).imgLiquid(); 29})(jQuery); 30</script> 31 32 33<div class="slides-area"> 34<div class="slides"> 35 36 <?php 37$myimage = post_custom('fileUpload'); 38if($myimage) { 39foreach($myimage as $var) { 40$imgArray = wp_get_attachment_image_src($var, 'full'); 41list( $url, $w, $h) = $imgArray; 42?> 43 <div class="slide-bigimg liquidImage"> 44<img src="<?php echo $url; ?>" /> 45 </div> 46<?php } //foreach ?> 47<?php } //if ?> 48 49 </div> 50 <div class="slides-nav"> 51 52 <?php 53$myimage = post_custom('fileUpload'); 54if($myimage) { 55foreach($myimage as $var) { 56$imgArray = wp_get_attachment_image_src($var, 'full'); 57list( $url, $w, $h) = $imgArray; 58?> 59<div class="slide-img"> 60<img src="<?php echo $url; ?>" /> 61 </div> 62<?php } //foreach ?> 63<?php } //if ?> 64 </div> 65 </div> 66<div class="clearfix"></div>
試したこと
lang=javascript
1<?php 2 $imgsize = "large"; 3 $productimgs = post_custom('fileUpload'); 4 if($productimgs){ 5 if(is_array($productimgs)){ 6 foreach($productimgs as $perimg){ 7 $productImg = wp_get_attachment_image_src($perimg, $imgsize); 8 list( $url, $w, $h) = $productImg; 9?> 10 <div class="slide-bigimg liquidImage"> 11 <img src="<?php echo $url; ?>"> 12 </div> 13 <?php 14 } 15 }else{ 16 echo wp_get_attachment_image($productimgs); 17 } 18 } 19?>
に書き換えたところ、画像の登録が1枚でも表示されますが、なぜかサムネイルサイズになってしまい、画質が荒くなり、<div class="slide-bigimg liquidImage"></div>が外れてしまいます。
他の何かが影響しているのかもしれません。