0

画像を動的に読み込もうとしています ::: WordPress で次のコードを使用します :::

これは、画像データを取得する方法です:::

//For Demo I'm simulating some data
$url = 'http://localhost/lolo-wp/wp-content/uploads/2012/10/image_02.jpg,http://localhost/mocha/wp-content/uploads/2012/11/image_02.jpg';


$urls = explode(',', $url);

    if( is_array($urls) ) {

      // $vega_bg ='';
      foreach( $urls as $url ) {
         $vega_bg[] = "{ src:'{$url}' }";
      }
    }

Vegas に送信したいすべての属性をローカライズする :::

// Localization 
wp_localize_script( 'vegas_init', 'vegassettings', array(
  'delay' => 5000,
  'fade'  => 1000,
  'backgrounds' => $vega_bg
));

私のラスベガスの初期化 :::

vega_delay = parseInt(vegassettings.delay);
vega_fade = parseInt(vegassettings.fade);
vega_bg = vegassettings.backgrounds;


vega_att = {
    fade:vega_fade,
    delay:vega_delay,
    backgrounds:[ vega_bg ]
};

jQuery(document).ready(function($){

          jQuery.vegas('slideshow', 
            vega_att
          )
          ('overlay');

        function preloadImg(imgPath) {
          preloadImg = new Image();
          preloadImg.src = imgPath;
        } 

}); //Doc load

これは機能しません ::: ただし、アラート (vega_bg) を実行すると、次のようになります。 :'http://localhost/lolo-wp/wp-content/uploads/2012/10/image_02.jpg' },

上記のコピーした文字列に置き換えるvega_attと、すべてが機能します:::どんな助けでも大歓迎です:::

これは、初期化が HTML で出力するものです :::

/* <![CDATA[ */
var vegassettings = {"delay":"5000","fade":"1000","backgrounds":["{ src:'http:\/\/localhost\/lolo-wp\/wp-content\/uploads\/2012\/10\/slider-02.jpg' }","{ src:'http:\/\/localhost\/mocha\/wp-content\/uploads\/2012\/11\/hdr-076.jpg' }"]};
/* ]]> */

私の問題はバックスラッシュと関係があると思われます:::

4

1 に答える 1

0

実装を機能させることができませんでした:::しかし、合理的な回避策を備えた別の投稿を見つけました。先に進んでこの投稿オプションを実装しましたが、非常にうまく機能し ます Stackoverflow Post

于 2012-11-29T15:08:11.960 に答える