寻找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的

回答

相关问题