Simple text and image slider

时间:2011-08-29 作者:japanworm

我一直在寻找一个滑块,可以滑动任何类型的内容,我想输入。我尝试了各种Wordpress插件,但大多数插件只能在带有小标题的情况下滑动Wordpress帖子或图片。我在找像WP Photo Slider 50.不幸的是,这个滑块在我的主题中不起作用,尽管存在jquery冲突,我不知道如何修改插件以避免冲突(如果可能的话)。

我想知道是否有人可以帮我找到一个类似于上面的滑块插件,指导我到一个“如何自己创建滑块”的网站,或者帮助我找出如何摆脱jquery与上面提到的插件之间的冲突。

我的网站(仍在大量建设中):here

提前多谢:)

5 个回复
最合适的回答,由SO网友:drebabels 整理而成

我使用jQuery Scrollable 满足我所有的滑块需求。它支持任何类型的内容滑动,内容可以水平和垂直滑动。

JQuery工具和JQuery Scrollable是免费的、开源的,并且有很好的文档记录。如果您在实现滚动时遇到问题,那么支持论坛会非常有用。

SO网友:petermolnar

我根据Slides (slideshow plugin for jQuery)

用法示例:

functions.php

function featured_posts( $category=\'featured\', $limit=\'-1\' ) {
    $category = get_category_by_slug( $category );
    $posts = get_posts( array( \'category\' => $category->cat_ID , \'orderby\' => \'rand\' , \'DESC\' , \'numberposts\' => $limit ));
    foreach ($posts as $post) {
        $post_title = htmlspecialchars(stripslashes($post->post_title));

        echo \'
            <div class="slide">
                <div class="slide-title">\'.$post->post_title.\'</div>
                <div class="slide-content">\'.$post->post_content.\'</div>
            </div>\';
    }
}

footer.php

<script type="text/javascript">
jQuery().ready(function() {
        jQuery(\'#slides\').slides({
            play: 4000,
            hoverPause: false,
            generatePagination: true,
        });
    });
</script>
您还必须注册幻灯片。函数中的js。php,例如:

wp_enqueue_script( \'slides.jquery.js\' , get_option( \'siteurl\' ) . \'/wp-content/themes/YOUR THEME/js/slides.jquery.js\' , array(\'jquery\') , \'1.0\' );

SO网友:Michal Mau

你可以试试Anything Slider 从…起Chris Coyier 和其他人<还有一个WordPress插件-AnythingSlider for WordPress

最近发布,我个人最喜欢的是Orbit slider 从…起Zurb / Smashing Magazine. 好吧,目前还没有WordPress克隆,但我正在我自己的插件中使用它,效果很好。在完成更多工作之前,我无法发布它,但如果您决定使用它,我可以提供帮助/一些代码片段。

两者都可以滑动divs和lis与any kind of content 在他们里面。

SO网友:Rachel Baker

Nivo滑块会工作吗?我发现当遇到类似的jQuery冲突时,它非常有用
http://nivo.dev7studios.com/

他们有一个免费版本。

SO网友:Niraj Chauhan
结束