Support » Theme: Twenty Eleven » [Theme: Twenty Eleven] auto-slide

  • I would like to have the showcase template automatically slide through all the sticky posts. Where can I enable this. I am guessing it’s in the showcase.js, but my jquery skills are zero…

    Can anybody tell me how I can make the slideshow automatically fade to the next post every x secs?

Viewing 15 replies - 1 through 15 (of 42 total)
  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    I have the same need for my featured sticky posts to automatically rotate. My child theme is ready for this modification.

    I have a child theme created and would like to know how to create the auto-slide as well. I can’t find any documentation about it.

    Yeah, I would love the auction to automatically slide through the featured posts.

    Also using a Twenty Eleven child theme and would love to know how to animate the slides automatically

    I have modified the showcase.js file to simulate the mouseclick that triggers the slide change.

    You can specify how long it takes for the slide to change by modifying the changeEvery variable.

    Just replace the code in /wp-content/themes/twentyeleven/js/showcase.js with the following:

    it works! thanks a lot

    on the child theme I made I modified line 18 so it would use the edited showcase.js which I uploaded into the child theme folder


    wp_enqueue_script( ‘twentyeleven-showcase’, get_template_directory_uri() . ‘/js/showcase.js’, array( ‘jquery’ ), ‘2011-04-28’ );

    to this

    wp_enqueue_script( ‘twentyeleven-showcase’, get_stylesheet_directory_uri() . ‘/js/showcase.js’, array( ‘jquery’ ), ‘2011-04-28’ );

    Brilliant, Johan and archondigital!…Your last 2 posts worked like a charm!! Thank you!!

    Glad I could help! Now I am trying to find out how to add a fade effect on the slider.

    I have included the jQuery UI library by adding this to my theme’s function file:

    function my_add_frontend_scripts() {
    add_action('wp_enqueue_scripts', 'my_add_frontend_scripts');

    And I set the duration of the transition on in showcase.js:

    $('.feature-slider a').removeClass('active', 10);

    But… It does not work. Would anyone know how to add a fade effect on the transition of the slides?

    Now I am trying to find out how to add a fade effect on the slider.

    It looks like the transition is already a fade (albeit a quick one)…Are you sure there’s not a number somewhere to just easily modify in the existing js?

    Thank you, Johan and Archon, for your great solution!

    Hi, I’ve followed Johan van der Wijk ‘s instructions, I’ve changed showcase.js code in my child theme, but it doesn’t work!

    After this. My “3-Featured-Posts-Slider” doesn’t alternate posts automatically, and moreover the 3 circled buttons (to manually change featured posts) don’t work anymore. These buttons redirect me respectively to these pages:


    It’s correct, but posts doesn’t change clicking on them.

    What can i do? :/

    Thanks! It works wonderfully!!

    @feu You have to modify showcase.php in your child theme, as adviced by archondigital.

    I’m using this, although I tweaked the cycle time down to 5 secs, but it does work beautifully…

    Hey guys…
    Although this does work great, there’s a bug which prevents IE7 / IE8 from displaying full width featured posts. I can get around that with CSS, but not when the content slides as we’re doing here.

    Is there a way to turn off the auto-slide on IE7 / IE8 browsers?

Viewing 15 replies - 1 through 15 (of 42 total)
  • The topic ‘[Theme: Twenty Eleven] auto-slide’ is closed to new replies.