WordPress Smooth Slider Shortcode

Smoothness Slider Shortcode is a WordPress Plugin for creating dynamic slider for posts and pages. You can place the slider to any post(s) or page(s) you want, just by placing the slider shortcode.

Download Now

Installation

1. Upload `smoothness-slider-shortcode` to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Place `smoothness-slider` in your post or page

How to use:

To show as slider: [smoothness-slider]
To show as gallery: [smoothness-gallery]

Features

* Customizable Animations
* Choose from up to 15 different animations
* Be able to show/hide images
* Width and height custom settings
* Multiple photo upload
* Beautiful and smooth animations
* Admin can easily search uploaded photos
* Built in gallery view
* Built in lightbox in gallery view

Screenshots

Download Now

 

111 Responses to "WordPress Smooth Slider Shortcode"

  1. Hi guys, anyone know why the slider would run but no images would appear? When I view page source code it seems to call up the images from the correct location but in different browsers and different machines still the same thing.

  2. I set up the latest version, 1.1.1 and find it worked well. Until I added some pages. On the home page, the slider works, but on other pages, the slider shows, but no photos. I’m using the Post Name setting rather than the default for the permalinks. Any ideas?

    • Hi Joe, Please update to 1.1.2. I have uploaded a patch that fixes the problem on sub pages. Sorry for the inconvenience. Let me know if it’s working for you after you have updated.

  3. have created a great plugin I have some queries per how I can give permission to the author so you can see the menu panel. thank you very much ps: excuse my English but thanks to google, I’m Latino

  4. Hi
    I am a complete newby so please have patience….I cannot get this slider to work inside header.php. I am using a basic wp theme that is available on install (to play around with) and no matter where I insert your code within the header.php I get an error message. Have been successful inserting into pages? Thanks

    • Hi Karyn, if your putting the shortcode outside the wordpress loop you have to do this:

      echo do_shortcode('[smoothness-slider]');

  5. Is there anyway to adjust the time delay between slider images? Even if it means editing a file somewhere? I’d like the slider to run more quickly. I have another slider on the site using the built-in slider that came with the theme, so hopefully adjusting the timing wouldn’t affect that other slider?

    Thank you!

    • Edit the file wp-content/plugins/smoothness-slider-shortcode/js/front.js

      At line 3, replace the code that says:
      $('#sss-slider').nivoSlider();

      with this one:

      $('#sss-slider').nivoSlider({ animSpeed: 500 });

      Replace 500 with the desired speed.

      • I’m also trying to get the slider to run faster. I’ve done the edit above and tried all different values from 1000 to 100 and it has no effect on the speed? I’d also like to remove the navigation arrows and dots (below slider)?

        Thanks!

      • Hi

        I’m using version 1.1.4 and I can’t find front.js to make this change in speed.
        What’s the file for this in this version?

        Thank you (and great work).
        Nuno

      • I do not see a “front.js” file. I have a front.php, and the third line does not have that code on there.

        The only .js file I see is script.js.

    • It looks like the first image you are using is PNG transparent image. You can edit that image and put a white background on it so it won’t overlap with the previous image being displayed.

  6. What i don’t understood is in truth how you are no longer really a lot more smartly-preferred than you might be right now. You’re so intelligent. You recognize therefore significantly when it comes to this subject, produced me individually consider it from a lot of various angles. Its like men and women aren’t involved unless it’s something to accomplish with Lady gaga! Your personal stuffs excellent. All the time maintain it up!

  7. I have the latest version 1.1.2, but I still get the same error as described by others. The banner images does not appear. Any help would be appreciated.

    Your plugin seems very good btw, so hope I can get it to work and use it.

    • I can’t find the slider javascript in the footer of html code. Which is necessary to run the slider. Can you check to see if wp_footer(); function is called in your footer.php theme file?

    • Also, I don’t see jquery being included in your theme file.
      You can add this code after calling wp_head() function in your theme header.php


      wp_deregister_script('jquery');
      wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', false, false);
      wp_enqueue_script('jquery');

  8. Pingback: plugin-master on “Smoothness Slider Shortcode” | Wordpress

  9. I would like to show appreciation to you for rescuing me from this type of trouble. Because of looking out through the world wide web and finding proposals which are not pleasant, I assumed my life was well over. Existing minus the solutions to the problems you’ve solved all through your main blog post is a crucial case, and those which could have negatively affected my career if I hadn’t noticed your web blog. That capability and kindness in dealing with all things was vital. I don’t know what I would’ve done if I had not come upon such a stuff like this. I can at this point look forward to my future. Thanks a lot very much for your reliable and sensible guide. I won’t hesitate to propose your site to any person who would like guide on this problem.

  10. Exactly where do I insert that code to have an images slideshow instead of a static image in my header? I tried several places inside of header.php, and all that shows up is the code above my static image or below my static image. I am using version 1.1.4 of your plugin on twenty eleven theme. Thanks for your time.

  11. Hi,
    first sorry for my english…
    I like your plugin, but i have customize all my image in WP with Fancybox before and if i active your plugin, my customization wont work… and i’am rookie

    Have a solution ?

    Thanks

  12. hi
    I can view the images but it is not showing any effect(animation) even when I have selected FADE transition in all images. All images are showing one after the another(verticaly). I have tried in gallery & slider both.
    Can you please guide where I can go wrong.
    Thanks in advance…

  13. Hi, is there any way I can have my slides going a little bit more slow? where can I adjust that? I know if I go to plugging and edit I can probably change that but my knowledge for codes its kind of limited. Can anyone help me with the codes or what to do?

    Thank you!

  14. Sorry, the php code was removed when I posted it above.

    The php code for hardcoding the slider into a wordpress theme doesn’t seem to work.

  15. Hi, is there any way to get rid of the border? My slides are quotes/endorsements and I want them to blend into the post. Thanks. Great product. Will support if I can get it optimized.
    Ron

  16. Hi, Great plugin! Just a couple of things I need help with.
    1) I would like to make adjustments to these paramiters:
    animSpeed – Slide transition speed
    &
    pauseTime – How long each slide will show
    Which file should I edit? The code & file location you supplied earlier in this thread does not match the latest version of the plugin.

    2)Width adjustment and alignment seems to be tricky, I have set my slider and images to 950px width (200px high) so you can see the problem, it seems right aligned (Ideally I want 980px wide). I tried adjusting the slider width but it makes no difference.

    http://www.davidarmstrongdesign.com/slider-demo-page/
    5 Stars just around the corner :o)

    • 1) I would like to make adjustments to these paramiters:
      animSpeed – Slide transition speed
      &
      pauseTime – How long each slide will show
      Which file should I edit? The code & file location you supplied earlier in this thread does not match the latest version of the plugin.

      2)Width adjustment and alignment seems to be tricky, I have set my slider and images to 950px width (200px high) so you can see the problem, it seems right aligned (Ideally I want 980px wide). I tried adjusting the slider width but it makes no difference.

      problem #2 is now solved! :)
      Just #1 remains

      P.S. 5 stars given!

      • Hi David,

        Thanks for using the plugin.
        Here’s what you can do:
        Open the file wp-content/plugins/smoothness-slider-shortcode/js/front.php add animSpeed or pauseTime as shown in the code snippet below. animSpeed is the speed of the animation and pause time is the time before the next image will be shown.

        animSpeed: 500,
        pauseTime: 3000


        < ?php
        require_once '../../../../wp-load.php';

        $show_direction_nav = get_option('sss-show_direction_nav');
        $show_control_nav = get_option('sss-show_control_nav');
        ?>

        jQuery(function() {
        jQuery('#sss-slider').nivoSlider({
        directionNav: < ?php echo ($show_direction_nav === false || $show_direction_nav === '1' ? 'true' : 'false') ?>,
        controlNav: < ?php echo ($show_control_nav === false || $show_control_nav === '1' ? 'true' : 'false') ?>
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        });

        jQuery("a.fancybox").fancybox();
        });

        Sorry for the inconvenience :) .

        • Hi There,
          So i tried using the code above to alter the duration of the slider. My goal is to make each slide last longer.
          I pasted the above code, posted by Admin, into my front.php edit page of the pluggin.

          this did not work for me. The Slider frame is still visible, but the loading circle just continuously loads, and never starts.

          Any help you could provide would be awesome!! Great plug in by the way!.

          • I had the same problem with the “loading circle” infinitely circling. On a whim I decided to move the animSpeed and pauseTime lines in front of the directionNav line, instead of after the controlNav line. That seemed to make things work just fine. The 500 and 3000 shown appear to be the same time as the preset – so I changed the pauseTime to 6000 and it doubled the stay time of each slide.

            Hope this helps!

  17. Hi There,
    So i tried using the code above to alter the duration of the slider. My goal is to make each slide last longer.
    I pasted the above code, posted by Admin, into my front.php edit page of the pluggin.

    this did not work for me. The Slider frame is still visible, but the loading circle just continuously loads, and never starts.

    Any help you could provide would be awesome!! Great plug in by the way!.

  18. Hi Admin,
    The code does not work for me.

    jQuery(function() {
    jQuery(‘#sss-slider’).nivoSlider({
    directionNav: ,
    controlNav:
    animSpeed: 500, // Slide transition speed
    pauseTime: 3000, // How long each slide will show
    });

    jQuery(“a.fancybox”).fancybox();
    });

    It just makes the loading circle load continuously. Nothing ever loads.
    Any help would be great!

    • Hi Adam,

      can you give me a link to your site where you have put the slider? So I can see what’s causing it. Also please remove this line of code:

      directionNav: ,
      controlNav:

      It might be causing it.

  19. This looks great on my iPad/Safari browser but on Windows XP running Chrome, the gallery runs way past the right margins despite my settings. Any advice?

  20. Got it to work. For some reason, when I deleted the uploaded photos and then monkeyed with the height and width, and then reloaded the photos, it fixed my Chrome problem. This caused the slides to be glitchy, transitioning awkwardly but then I used the .php code from the previous posts and got the speed under control and it seemed to do the trick. Whew! I tried a lot of different plug-in and this is by far the simplest and best looking one! Thanks!

    • Glad you fixed it yourself. I’m pretty much busy this days so was not able to find time to improve the slider plugin. Hopefully, will be improving it soon with additional features.

  21. Admin, did you find a resolution for this previous issue? I am having the same problem after I add the coding to adjust the slide speed. Thanks…

    Hi Admin,
    The code does not work for me.

    jQuery(function() {
    jQuery(‘#sss-slider’).nivoSlider({
    directionNav: ,
    controlNav:
    animSpeed: 500, // Slide transition speed
    pauseTime: 3000, // How long each slide will show
    });

    jQuery(“a.fancybox”).fancybox();
    });

    It just makes the loading circle load continuously. Nothing ever loads.
    Any help would be great!

  22. Hi,

    I have tried adding the slider to the home page with [smoothness-slider] but although the slider appears, the photographs do not fit the box and you can only see part of the picture.

    Initially, the “slot” was very widescreen and so I could only see the middle band of the pictures. I tried altering the width and height but, again, only part of the pictures show. They are just standard pictures and they upload perfectly as single images. I have reverted to a single image on the Welcome page for now as the slider does not display properly.
    Can you help me?

    Thank you.
    Kate.

  23. Hi,

    Great plugin! But I too am struggling to change the speed. I have added in the code suggested above but it doesn’t work. Do you have any other ideas?

    This plugin is perfect for what I need so I really dont want to have to find another. Any help would be much appreciated.

    Many thanks

    Kim

  24. Hello –

    Smoothness Slider is very nice, and very easy to use. I was wondering if there’s a way to 1) change the slide speed; and 2) allow the slides to automatically resize to fit various browsers 1.e. full window, half window, tablet, mobile, etc.

    Thanks!

  25. Loving the slider – works really well.

    I have the smoothness gallery on my page at the moment.

    Is there a way in which I can link the image upon full expand through to a page of my choice? It would also be good if you could have the option to add a description and/or text link next to the image.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>