2013-08-20 69 views
0

有沒有辦法從查詢中拉出圖片url,並將該url回顯到同一頁面的頁腳中的插件腳本?我的問題是我有一個需要靜態背景圖像的圖層滑塊。問題在於查詢運行在頁面頂部,因此在頁腳中調用javascript時,我無法訪問該循環。獲取wordpress特色圖片URL到頁腳腳本

我有這個疑問,正常的頁面循環內:

/*Normal Page Loop Here*/ 
if (have_posts()) : while (have_posts()) : the_post(); 

/*Begin Secondary Query to be Inserted into this page*/ 
$args = array(
'post_type' => 'projects', 
'orderby' => 'rand', 
'posts_per_page' => 1, 
'meta_query' => array(
      array(
      'key' => 'custom_featured', 
      'value' => 'on', 
      ) 
     ) 
); 
$my_query = new WP_Query($args); 


    /*Output Results of Internal Page Query*/ 
if($my_query->have_posts()) { 
    while ($my_query->have_posts()) : $my_query->the_post(); ?> 
     the_title(); 
     the_post_thumbnail('i-need-this-url-in-the-footer-script');   

    endwhile;/*End the secondary query loop*/ 
    wp_reset_query(); 


endwhile; endif;/*End the page loop*/  

我基本上是需要插入到這是在頁腳腳本這個新WP_Query的特色圖像的URL:

<script type="text/javascript"> 
    //Layer Slider 
     $(document).ready(function(){ 
     $('#layerslider').layerSlider({ 
     globalBGImage: '<?php echo $imagefromloopurlhere; ?>' 
    }); 
    }); 
</script> 

回答

3

這將讓圖像

$image_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail_size'); 
if($image_src) 
    echo $image_src[0]; 

爲了變量放入頁腳,你可以做這樣的事情的網址:

在您的頁腳
global $project_featured_url; 
while ($my_query->have_posts()) : $my_query->the_post(); 
    the_title(); 
    $image_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail_size'); 
    if($image_src) 
     $project_featured_url = $image_src[0]; 
    else 
     $project_featured_url = 'some default url to avoid javascript error'; 
endwhile;/*End the secondary query loop*/ 

然後

<?php global $project_featured_url; ?> 
<script type="text/javascript"> 
    //Layer Slider 
     $(document).ready(function(){ 
     $('#layerslider').layerSlider({ 
     globalBGImage: '<?php echo $project_featured_url; ?>' 
    }); 
    }); 
</script> 
+0

不幸的是,這是返回一個數組 – TripsLeft

+0

已更新,以回顯數組中的圖像源url – Simalam

+0

我已更新我的代碼。我試圖將新插入的WP_Query的圖像URL插入腳本中的腳本中。您發佈的代碼正在獲取實際頁面本身的精選圖片網址 – TripsLeft

0

這應該工作....

<?php get_the_post_thumbnail($post->ID, 'thumbnail'); ?> 

只是改變縮略圖到你需要的圖像尺寸。