Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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 :)

share|improve this question
add comment

5 Answers

up vote 1 down vote accepted

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.

share|improve this answer
    
Thanks a lot. I will have a look at it and see if I can get it to work as it requires quite a lot of coding I'm not (yet) familiar with. –  japanworm Aug 29 '11 at 4:20
    
I think it's to difficult for me to set it up. I don't have the necessary knowledge it seems, but thanks for the recommendation. –  japanworm Aug 31 '11 at 12:17
    
no problem. sorry it didn't work out for you. –  drebabels Sep 2 '11 at 8:18
    
Hello again. I tried again and it seems to work. Well, I still have several problems, but with a little bit of help I might be able to fix that, too, so thanks a lot! –  japanworm Sep 11 '11 at 3:39
add comment

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' );
share|improve this answer
    
And instead of posts, I also could put in random content, anything I like? :) –  japanworm Aug 30 '11 at 4:40
1  
@japanworm: Of course, why not? :) –  petermolnar Aug 31 '11 at 11:02
    
Hello again. I'm a little bit confused. How to I call the slider in my template fiel and how do I have to modify the function.php when I want to use the slider for whatever content I wanna put into the "divs" and not featured content? Thanks a lot in advance. –  japanworm Aug 31 '11 at 11:48
1  
The code above is made to display posts of a category. You can call it from your theme with: <div id="slides"> <?php featured_posts('CATEGORY_SLUG'); ?> </div>. You need to modify the function above as putting your content inside the slides div in the cycle, but what exactly you want to add into it, that cannot be done as posts in a category? I can help with exact code as well, but please send me a mail with the detailed and exact question if you're still stuck. For a working example, please see: webportfolio.hu , the slider on the front page is made this way. –  petermolnar Sep 1 '11 at 7:31
    
Hello again. I tried once again from zero what you described here. It messed up my function.php. I really don't know what I'm doing wrong. I'm so desperate by now :( Thank you for your offer. I don't mind talking here, but if you give me your mail addy, then that's okay with me, too. I really doubt I can get this to work. I've tried for many days without any good results now! :( –  japanworm Sep 2 '11 at 8:07
add comment

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.

share|improve this answer
    
Can you use Orbit slider for anything other than images? :) –  japanworm Aug 30 '11 at 4:37
1  
@japanworm Have your read the last sentence from my answer? :) Yes you can. –  Michal Mau Aug 30 '11 at 8:26
    
Sorry for some reason I only read about the "div" and "li" part :) Thanks, I'll try and see if I can work with it :) –  japanworm Aug 30 '11 at 13:27
add comment

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.

share|improve this answer
    
The nivo slider - at least the plugins for it that I've found only seem to work for images, though. –  japanworm Aug 29 '11 at 4:09
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.