문제는 내가 페이지에 갤러리를로드 jQuery를 <a href="https://github.com/srobbin/jquery-backstretch" rel="nofollow">Backstretch</a>을 사용하고

Question

을 backstretch. 저는 이제 갤러리가 custom meta boxes을 통해 업로드 된 콘텐츠의 이미지를 가져 오도록 노력하고 있습니다.

여기에 하드 코딩 된 이미지 링크와 작업 스크립트입니다. 내가 뭘 모든 backstretch에 이미지 링크의 배열을 전달이며, 나머지는 않습니다 : 여기

jQuery(document).ready(function($){ 
    $('#main').backstretch([ 
     "wp-content/themes/themename/assets/graphics/image1.jpg", 
     "wp-content/themes/themename/assets/graphics/image2.jpg", 
     "wp-content/themes/themename/assets/graphics/image3.jpg", 
     "wp-content/themes/themename/assets/graphics/image4.jpg", 
    ], { 
    fade: 1000, 
    duration: 7000 
    }); 
}); 

그리고 사용자 정의 메타에서 뽑아 그와 함께 하드 코딩 된 이미지를 교체하려고 시도한이야을. PHP 함수는 사용자 정의 메타에서 가져온 링크의 배열 출력 :

jQuery(document).ready(function($){ 
    $('#main').backstretch([ 
     "<?php $images = rwmb_meta('jb_meta_page_bkg_img', 'type=image_advanced'); 
     foreach ($images as $image) { 
      echo $image['full_url']; 
     } ?>" 
    ], { 
    fade: 1000, 
    duration: 7000 
    }); 
}); 

이 작동하지 않습니다 - backstretch 부하를하지만, 전체 배열은 첫 번째 이미지의 소스 속성으로 출력된다! 이 잘못 어디로

은 사람이 볼 수 있을까요?

Answer 1

시도().

jQuery(document).ready(function($){ 
    $('#main').backstretch(
     <?php 
     $images = rwmb_meta('jb_meta_page_bkg_img', 'type=image_advanced'); 
     $result = array(); 
     foreach ($images as $image) { 
      $result[] = $image['full_url']; 
     } 
     echo json_encode($result); 
     ?>, { 
    fade: 1000, 
    duration: 7000 
    }); 
}); 

Answer 2

내가 PHP에서 필요한 배열을 구축 제안과로 json_encode를 사용

jQuery(document).ready(function($){ 
    $('#main').backstretch([ 
     "<?php $images = rwmb_meta('jb_meta_page_bkg_img', 'type=image_advanced'); 
     echo implode('", "', $images); ?>" 
    ], { 
    fade: 1000, 
    duration: 7000 
    }); 
});