尋找NIVO滑塊的照片WordPress的

我正在尋找一個簡單的方法做WordPress的照相館與頁面指示符。我發現了WP Nivo Slider http://wordpress.org/extend/plugins/wp-nivo-slider/screenshots/，但是它在可以做什麼以及何時可以使用它方面是非常有限的。尋找NIVO滑塊的照片WordPress的

理想情況下，我想只是包括在HTML一些圖片，並有一定的滑塊自動拾取的標籤並將它們組合成一個......任何簡單，但靈活的API將是極好的！

來源

2012-07-06 Joe

我不看了NIVO滑塊WordPress的插件，它的限制，但在獨立NIVO滑塊可以很容易地在WordPress的使用安裝和給你很多的靈活性。我不確定你的頁面指標是什麼意思，但如果你願意的話，你可以將信息從頁面/帖子中提取出來。爲了舉一個例子，下面是一些代碼，我用它來創建一個圖像滑塊，使用自定義查詢從特定類別的帖子中提取精選圖像。

 <!-- Slideshow --> 
     <div id="nivowrapper"> 
      <div id="nivoslider"> 
      <?php 
      $featured_slide = new WP_Query('cat=4&showposts=-1'); 
      while ($featured_slide->have_posts()) : $featured_slide->the_post(); 
       ?> 
       <?php 

       if (function_exists('has_post_thumbnail') && has_post_thumbnail()) { 
        $img_height = 293; 
        $img_width = 960; 

        slider_image(thumb_url(),$img_width,$img_height); 

       } 
       ?> 
      <?php endwhile; ?> 
      <?php wp_reset_query(); ?> 
      </div> 
     </div> 
    <!-- Slideshow End -->

這使用方法slider_image（），這是在我的functions.php與方法thumb_url（）一起 - 這樣做的原因是，它使用timthumb以確保整個事情並不如南方去客戶端將大小不正確的圖像上傳到精選帖子類別。

在functions.php的

# This function returns the attached Featured image in the page/post 
function thumb_url(){ 
    $thumb_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(960,960)); 
    return $thumb_src[0]; 
} 


# This function resizes the featured image to the requested proportions via timthumb. 
function slider_image($image_source,$width,$height) { 
    global $post; 

    echo '<img src="'.get_bloginfo('template_directory').'/timthumb.php?src='.$image_source.'&amp;h='.$height.'&amp;w='.$width.'&amp;zc=1" alt="" title="'.get_the_title().'" />'; 
}

我都有種敲響NIVO滑塊有點因爲有與字幕在Firefox中消失，永遠不會得到解決的問題。你看過Flexslider 2？我認爲它在技術上仍處於測試階段，但它非常棒，而且具有高度可配置性。我剛剛在一個網站上使用它，它非常棒（特別是您可以使用手指滑動在平板電腦和智能手機上滾動的事實）。

希望這有助於一點。

編輯

我意識到我應該補充最後一位的人，上面寫着這並沒有使用NIVO滑塊獨立。你需要初始化Nivo Slider。包括Nivo Slider Javascript文件（將它排入你的functions.php）和CSS，並將下面的代碼放在頭部或關閉正文標記之前。您可以根據需要更改參數;

<script type="text/javascript"> 
    jQuery(window).load(function($) { 

     jQuery('#nivoslider').nivoSlider({ 
     effect:'fade', 
     slices:15, 
     animSpeed:700, 
     pauseTime:7000, 
     controlNav: false, 
     directionNav: true, 
     directionNavHide: false, 
     captionOpacity: 1 
     }); 

    }); 
    </script>

來源

2012-07-06 20:47:15 McNab

這是非常有益的！我對WP_Query不太熟悉，所以我通過直接在帖子中添加必要的HTML並將直接URL添加到我的圖像中，從而繞過了一點點。然而，有一些奇怪的事情在繼續。我的滑塊恰好有3個圖像，但顯示5個「子彈」，第2個和第4個是空容器。你可以在頁面頂部看到http://joelin.org/?page_id=53 – Joe 2012-07-08 03:36:20

我發現了這個問題。在wordpress HTML文章編輯器中，
被自動插入到每一行的末尾。我在之間插入了我的標籤，並在中間添加了空白圖片，因爲代碼搜索了所有的孩子。 – Joe 2012-07-08 04:53:50

我使用riva slider pro（http://rivaslider.com/），它是一個付費插件，但功能非常好，並且很容易使用。您可以選擇是否要輸出縮略圖，圖標或小指示點作爲頁面指示符。它隨包裝中的主題一起提供，但是您可以覆蓋管理員中的每個滑塊的CSS。

唯一的缺點;它沒有響應。我已經編輯了我的迴應，但它的開箱即用的高度和寬度是固定的 - 這有點煩人。

要使用它，您只需設置幻燈片，然後使用短代碼將其嵌入到您的帖子/頁面 - 聽起來就像您正在尋找的東西。

來源

2012-07-06 21:44:06

尋找NIVO滑塊的照片WordPress的

回答

相關問題