WordPressのJavaScriptの動的コンテンツ

Question

Wordpressを使用しているサイトでこのフルスクリーンの背景スライダー（Vegas）を取得している場合。

<script> 
     $("body").vegas({ 
      delay: 7000, 
      timer: false, 
      shuffle: true, 
      transition: 'fade', 
      transitionDuration: 2000, 
      slides: [ 
       { src: "photo01.jpg" }, 
       { src: "photo02.jpg" }, 
       { src: "photo03.jpg" }, 
       { src: "photo04.jpg" } 
      ], 

      overlay: '01.png' 
     }); 
     </script> 

Wordpressでは、そのファイルにあるコンテンツを "ループ"させることができます。それが壊れないように、このsome-file-to-stop-the-backgrounds.jpgは終わり,を持っていない

<?php $loop = new WP_Query(array('post_type' => 'backgrounds', 'posts_per_page' => -1, 'orderby'=>'id', 'order' => 'ASC')); 
     while ($loop->have_posts()) : $loop->the_post(); ?> 

     { src: <?php if (has_post_thumbnail()) { 
       the_post_thumbnail(); 
      } ;?> }, 

<?php endwhile; wp_reset_query(); ?> 

：loop-backgroundsは次のようになります

.... 
    slides: [ 
        <?php get_template_part('loop-backgrounds'); ?> 
        { src: "some-file-to-stop-the-backgrounds.jpg" } 
       ], 
.... 

：私は何をしたいのは、このようなものですコード（私は思う）。これはすべて可能ですか？

Answer 1

あなたはWordPressを使用しているので、あなたは箱から必要なものを行うフル幅のバックグラウンドスライダプラグインを見つけるだけです。私はこのfull width background sliderを私のウェブサイトのいくつかに使用しています。

これを打つと、これが役立ちます。