Simple text and image slider

Question

I've been looking for a slider that can slide whatever kind of content that I want to enter. I tried out various Wordpress plugins, but most of them only can slide Wordpress posts or images only with a small caption. I'm looking for something like the WP Photo Slider 50. Unfortunately this slider doesn't work in my theme, though as there is a jquery conflict and I have no clue how to modify the plugin so that there won't be a conflict (if possible at all).

I was wondering if somebody could help me find a slider plugin similar to the one above, direct me to a "how to creat a slider yourself" website or help me figure out how to get rid of the jquery conflict with the plugin mentioned above.

My website (still heavily under construction): here

Thanks a lot in advance :)

Answer 1

I use jQuery Scrollable for all my slider needs. It supports sliding of any type of content, and content can slide horizontally and vertically.

JQuery Tools and JQuery Scrollable are free, open sourced, and well documented. The support forums can be very useful if you are having problems implementing scrollable.

Answer 2

I made an own slider, based on Slides (slideshow plugin for jQuery)

Usage example:

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>

You also have to enroll the slides.js in your functions.php, for example:

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

Answer 3

You can try Anything Slider from Chris Coyier and others.
There's also a WordPress plugin for it - AnythingSlider for WordPress

Recently released and my personal favorite is the Orbit slider from Zurb / Smashing Magazine. Afaik there's no WordPress clone yet but I'm using it in my own plugin and it works great. It's not something I could release until more work is done but I can offer a helping hand / some code snippets if you would decide to use it.

Both can slide divs and lis with any kind of content inside them.

Answer 4

Would the Nivo Slider work? I have found it to be very helpful when having a similar jQuery conflict.
http://nivo.dev7studios.com/

They have a free version.

Answer 5

Yaa I also recommend the NIVO slider, here is a tutorial on how to integrate it with wordpress

http://webstutorial.com/wordpress-jquery-slide-show-how-to-add-wordpress-jquery-slide-show-wordpress-jquery-nivo-slider/content-management-system-cms/wordpress-cms