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
What code do i use to place it like in header??
If it is outside the loop you can put the following code, for example in your header:
Umm can you give me an example of the code??
Sorry… sending reply with php codes are strip off… so just enclosed this one with php tag “echo do_shortcode(‘[smoothness-slider]‘);”
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.
Can you post the URL here?
Hi – I’m having the same problem as audio channel on the above page. The slider is loaded but the images do not appear.
Hi Eileen, please download the latest version 1.1.1 http://wordpress.org/extend/plugins/smoothness-slider-shortcode/ which has the fix for images do not appear. Sorry for the inconvenience. Don’t forget to rate though if you like it
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.
Hi, I installed the new v1.1.1 but still have the ‘images do not appear’ issue. It just keeps showing the loading icon. Please advise. Thanks!
Hi, can you show me a link? Also I have updated to 1.1.2 which fixes the problem of images not showing on sub pages. http://wordpress.org/extend/plugins/smoothness-slider-shortcode/
I relish, result in I found exactly what I used to be having a look for. You have ended my four day lengthy hunt! God Bless you man. Have a nice day. Bye
I’m glad you like it! Would really appreciate it if you rate the plugin. Thanks!
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
Hi Christhian, I’m not sure what you mean by that.
Hello,
Really great plugin, but for some reason I couldn’t find how to add a links to images. Thank you
We don’t have that feature yet. We’ll add it soon…
Having a problem with the dropdown menu showing in BACK of the slideshow. How can I get this fixed?
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]');I am entering the: echo do_shortcode(‘[smoothness-slider]‘); like you said to i think, but it’s just showing up as code. any thoughts?
http://www.sunnyutz.com
Did you enclosed that code with php tags? Like this:
< ?php echo do_shortcode('[smoothness-slider]'); ?>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!
Hmmm… Maybe you need pausetime. You can replace animSpeed with pauseTime.
Option definition:
animSpeed – Slide transition speed
pauseTime – How long each slide will show
Ya – thanks man got it!
jQuery(‘#sss-slider’).nivoSlider({ pauseTime: 500 })({
..speeds it up!
Don’t forget to rate
To show/hide navigation controls, please download latest version 1.1.3. Just uploaded an update that has the option.
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.
I could not not find this code in your latest version. Really want to slow down the speed. And get rid of borders if possible. thanks
Ron
Some question:
1. can i create different sliders in different posts or pages?
2. can i use gallery of nextGen as source of this slider?
Not at the moment. We’re working on it.
Being able to use different sliders on single pages and sites would be great – hope you get it working soon!
Would Love that!! Great Plugin so far!
Many times my images appears out to frame generate our shade.
One person have solution?
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.
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!
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');
[...] http://www.interlacelab.com/wordpress-smooth-slider-shortcode/ for more [...]
sorry…
view panel menu for author? permission 7
I’m not sure what you mean by that.
I m trying to upload an image 720×540
the slider can expand to 720×540
but doesn t show the whole picture
http://www.rhodes-apartments.biz/manolis/test2/
Can u please help???
Hi George, It looks like the uploaded original image is only 330px height http://www.rhodes-apartments.biz/manolis/wp-content/uploads/1.jpg
So your trying to upload 540px in height but then when it uploads the image it’s now 330px? Please confirm.
I get the same problem. I have changed the size of the slider to 940w x 390h. I have uploaded 3 images to this size exactly. But the slider seems to place the image around 60 pixels too high so you can’t see the top or bottom, and there’s a gap at the bottom.
No idea what’s going wrong here.
I am having the exact same problem . Here is an example:
http://hilarykennedy.com/test-sider/
I have triple checked to make sure that my player dimensions and image dimensions are the same.
Trying to get this site up and running for a friend. Any help would be great.
Im having the same issue I really dont want to give access to the site because it is not live yet and no domain has been pointed to it.
I found the problem you need to change the size of the gallery height before you upload images.
Glad you sorted it out. We’ll try to improve it once we got spare time.
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.
help please,
administration menu.
for user editor
I have updated the plugin to 1.1.4 so user editor can use the plugin as well. Please download updated version here http://wordpress.org/extend/plugins/smoothness-slider-shortcode/
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.
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
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…
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!
Tried to hardcode this in my wordpress theme with “” but it doesn’t work.
Any suggestions?
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.
Great plugin, thank you. However while the slider does load, the images don’t appear in v1.1.4.
Hi John, Can you send me a link where you put the slider?
Hi:
The link where I have the slider installed is http://www.WayuuTreasures.com.
Thank you for your help.
Hi John, It looks like there’s some plugin conflict because I see a javascript error for your other plugins. From what I can see with the screenshot, the error is cause by some kind of plugin related to fancybox. See here http://www.interlacelab.com/wp-content/uploads/fancybox-error.png
Thank you very much. I love the Smooth slider but it appears to be incompatible with my Dukapress shopping cart. Greatly appreciated.
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
Hi Ron, you can do it via CSS.
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
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!.
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!.
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.
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?
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.
Is there any way of linking each slider image to individual pages?
Thanks
It’s not possible at the moment. But will try to add it as a feature.
You can now add a link for each image
just download the latest version 1.2.0
I want to re-order my slider images. Right now they are showing by date – earliest first and latest slide last. I’d like to be able to set the order myself.
We don’t have that feature yet. We’ll probably add it in the next upcoming versions. Stay tuned
How do you adjust the speed? Do you have to edit (one of) the JS files?
For now yes, we’ll probably add it in the future… Stay tuned for updates
Hi got slider working fine on front page but link feature will not work any ideas. I am using version1.2.1 Thanks
Should be fixed by now.
I need more than one gallery – can I do this ? if yes how ?
We don’t have that feature yet, we’ll planning to add it in the next release.
Hi,
Just surfing around looking for a WordPress image slider with a shortcode and found your plugin
A few demos would be nice !
Cheers
Hi, You can see some of the screenshots
Hello,
Do you have any timer features? The transition is way too fast. Please help me. Thanks
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!
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.
Hello how can I reduce the margin between the slider and the first post?
http://www.vivatkonin.pl/
Ive pasted this before the loop post php:
Sorry the serv erased the tags, it looks like this:
center
echo do_shortcode(‘[smoothness-slider]‘);
center
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