25 comments found.
Hello, I just bought your plugin and I need help with 2 questions please:
1 – How to add a link in the images (the same link in all the images)? 2 – How to make stop rotate on hover?
Thank you very much
Hello,
1) Are you using the automatic feature? or the manually? if you are using the automatic feature then there’s no way to add a link to the image, if you are using the manually way then you can do it with Javascript, you would have to add something like this to the img tag:
onclick=”location.href=’http://google.com'"
2) Unfortunately at the moment this feature is not possible, only by clicking on the pause button
Best, David
Hello, I´m using the automatic way. There is no way to add link on the slider? Can you please provide me with a quote for this extra 2 features? Thanks
Hello,
1) For the pause on hover, you can add this peace of JS, so it pauses when you put the mouse over the slider, and plays when you leave the slider:
$('body').on('mouseenter', '.as_slider', function(){
if($(this).find('.as_play').hasClass('as_pause')){
$(this).find('.as_play').trigger('click');
}
})
$('body').on('mouseleave', '.as_slider', function(){
if(!$(this).find('.as_play').hasClass('as_pause')){
$(this).find('.as_play').trigger('click');
}
})
2) for the links, it would depend on how you would like to specify the link for each image (since they are automatic), do you have something in mind?
Best, David
Hello David, I need the same internal link in all images, in the automatic way. can you please help? Thanks
Adicional, the JS that you send is not working, can you advise? Thanks
Hi
1) if it is a static link you can add it manually in the
wp_ultimate_smart_slider/index.php
Just find this peace of code:
<img src="
</pre" />
and add something like this:
<pre>
<img onclick="location.href=my_url.html" src="
</pre" />
<br />
<br />
2) Make sure to add that code after the page loads, something like this:
<pre>
$( document ).ready(function() {
$('body').on('mouseenter', '.as_slider', function(){
if($(this).find('.as_play').hasClass('as_pause')){
$(this).find('.as_play').trigger('click');
}
})
$('body').on('mouseleave', '.as_slider', function(){
if(!$(this).find('.as_play').hasClass('as_pause')){
$(this).find('.as_play').trigger('click');
}
})
});
</pre>
I hope this helps
<br />
<br />
Best :)</pre>
I did everything you said but nothing worked!
Hello,
Can you send me the link to your site so I can take a look and see what’s going on?
You can contact me privately via email here: https://codecanyon.net/user/castleplugins#contact
Best, David
Any idea why the previous images in rotation are not being hidden and the new images are just layering on top of them, creating a collage of sorts, of multiple images stacked one on top of the other, like this:
https://goo.gl/hCReJRHow do I fix that, so only the current image in rotation is showing?
Hi,
that’s probably the fade effect, the new image fades in on top of the old one, try using the “slide” effect, so it slides from one to another image
Best 
The original issue was CSS related, but this one I’m noticing now I have no idea what’s causing it, and it happens with “fade” or “slide” effect. Notice when you navigate back and forth between the testimonials, as it’s fading from one image to another, the last image in the list/folder keeps showing up for a split second in the background (this image: https://goo.gl/mPq6aL) along with another, longer one, filling up the slider div (https://goo.gl/wSfz8e), and I can’t figure out why those two images are loaded in the background in between images, during transitions… any idea?
That seems to be something in the .JS file itself that might need tweaking.
Can’t that background just be made white or something, not filled up with an image of any sort?
Hi,
try the following, open the js/slider.js file and find this:
imgs.eq(before).css('zIndex',99).hide().siblings('img').css('zIndex',50);
then replace it for this:
imgs.eq(before).css('zIndex',99).siblings('img').css('zIndex',50);
then clear your browser cache and try again please
Yep, that fixed it. Thank you!
awesome 
Howdy, for some reason, the first image in the slider is only displaying 1/2 of the image. It’s fine after the first loop. You can see it at the following link. Scroll down past the 1st banner:
http://costaverdecenter.com/our-vision-spec/Also, I can’t seem to show the navigation dots.
Hi,
try adding this peace of CSS:
.as_slider img{
left: 0 !important;
}
Best, David
That did it, thanks! Do you have any idea why I can’t get navigation arrows or navigation dots to show? I have them turned on in the settings…
EDIT: They are there, but must be transparent or something. I can hover over them, but I can’t see them.
.as_navBtn{
background: white !important;
}
it seems that some CSS from your theme is overwriting the default CSS of the plugin
Best, David
Captions is a layer? or a input field to type?
caption is the text that shows up in front of the images, if you are using the automatic version it would be the name of the image, if you are using the no-automatic version then you can type it manually
I simply want the slider to ONLY cycle images when hover.. Do you already have settings for this?
Hello,
currently this setting is not part of the plugin, but I’ll keep it in mind for a future update
Hello, I just got the plugin and noticed that the only editable part of the folder location is “images” under the ”/wp-content/plugins/smartSlider/” folder.
Is there a way to change the entire folder location to ”/wp-content/gallery/my-nextgen-gallery” for example?
I got this plugin because in the documentation shown in your plugin page, it shows the whole path /wp-content/plugins/smartSlider/images to be editable (all in the text box).
Thanks.
Disregard my question above. I found it in the index.php of the plugin. I changed the $urlIMG and $folder values.
Hello,
alright glad you found that also I think you can use relative paths for example ../images or ../../images etc..
Best, David
Thanks for replying.
Is there a way to set a fixed height of the slider so it doesn’t resize everytime it loads a different sized pic?
Thanks.
well you could have all your images with the exact same height but try adding something like this in CSS:
.as_slider {
max-height: 400px;
}
specify the height of your desire instead of the 400px
Best, David
Can the images in the folder be randomly displayed?
Hello,
did you try setting the option “Random Order” to yes in the admin section?
Best, David
Hi. Before I buy: Can this be styled globally so I get a fade transition and caption styling (multipline captions, below the image and on a solid background) on every slide in a slider without having to adjust the style for each slide. I understand that the slider enables one to do manual adjustment, but I don’t want to do that and want to be sure global adjustment is possible.
Hi, well currently if you wish to specify the images manually you also would need to specify the transition effect and styling in there, but sounds like a future update
David, Thank you for your reply, but I’m not sure I understand your reply. When you say, “if you wish to specify the images manually…” Is there another way to specify which images show in a slider that could be styled globally? I have many sliders to build with many slides. Adding steps to add styling on each slide would be too time consuming. I just want to uplaod the images and captions and have them all transition and appear uniformly. Is that not currently possible?
Yes, it can read the images from a folder in your server or WP installation, see the docs here: http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/index.html
Hi, the plugin is great! I’m just having an issue with the first image that loads on the slider. Looks as though there is a margin-right and only half of the first image shows. Afterwards, it works totally fine. Any clue on what I can do to resolve this issue?
Not sure what do you mean (since I haven’t see that) can you share a link to your site where the plugin is so I can see it?
Thanks David, see the slider here – http://bit.ly/1iJ8Nzs
.as_slider img {
top: 0;
left: 0;
}
That worked, Thanks!!!
Should work with the attached images to post / page
Hi, unfortunately it only reads the images from a folder or manually in the HTML
Not sure what do you mean, but you can read the documentation here: http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/index.html
I’d like to use this plugin only in my main home page, not for the post pages, like this http://donothing.org.uk/ftpimages/question.jpg so should I buy this one for wordpress or the another Ultimate Smart Slider – Responsive
do_shortcode( '[shortcode]' );so you can place it in the header or something
thanks. so which one should i get? this or another
I would recommend you the WP version since is more for WP, it has its admin page! in the other one you would have to specify everything in the code
, have a look the link below
http://www.donothing.org.uk/slide-test/
1, how can I hide the play button on the right-top corner
2, how can I add link on each image
3, I tried, but I couldn’t put the slider in my home page as the image I showed to you before
Set the play button to false in the admin page, you can see the docs and the options here: http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/index.html
You would have to tweak the slider.php file in order to add a link with Javascript in the:
<img />
Hello, where can I find the full parameters available? For example, I need to make make a second slider I created not show random.
I don’t understand what you are trying to say but please read the docs here: http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/
When I made a second slider, it defaults to show slides in random order. What do I put in the shortcode to stop this from happening?
do you have the Random Order set to false? in the admin page like in the docs says http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/
The 1st slider I want random, the second one I don’t. That’s why I’m asking what to put in the shortcode for the second slider.
ohhhh I understand, the admin options will affect all the instances of the slider in your WP installation, and currently there’s no option to specify to a single shortcode in order to change the order option, that would need a tweak of the script
OK, thanks for the explanation.
Is it possible to have a slider where you see part of the image before & after the current image?
Hi, that is not currently possible
So far this plugin does most of what I need. Nicely done. I need to add links to the caption text for “read more” links. It would also be great to add a link around the image as well. How would I do that?
onclick="location.href='http://google.com'"
I could not resolve the issue of the sub nav menu dropping behind the slider. Please fix this
Hi, a link to your page would be more helpful, but you can add some z-index to your menu maybe 999 so it doesn’t go back the slider
Hi, Love this slider. I have it working as a slideshow on a Pinterest clone home page. Real cool. Cheers, J
thank you I’m glad you like it
Great plugin! Is there any way to get it to auto-serve alt tags, e.g. by using the file name?
Failing that can it have alt=”” ?
<img src="$urlIMG/$value" data-effect="$fx" data-captioneffect="$fxCaption" />And just add the alt tag like this:
<img alt="$title" src="$urlIMG/$value" data-effect="$fx" data-captioneffect="$fxCaption" />I hope this make sense, Cheers!
In the code above use single quotes instead of double quotes!
great work, thanks thats it!
Hi, The script is wonderful. When I view it on an apple iphone 4s, the control dots and pause are not showing. What is your recommendation? Cheers,J
Is for the option “Hide Icons in Width” of the admin page! by default is set to 500 px if you want you can change it! but I put it there because when the page is to small then the bullets and the play button are way to small and from an mobile device is very hard to click on them! so maybe is best to hide them so you can appreciate the images better!
But change it at will, Cheers!
I have a problem with my sub-navigation menu running behind the slider. Is there any way to make the slider be behind the drop down sub nav?
.theClassOfMyMenu{
z-index: 999;
}
This is for a Wordpress site, so I guess it’s in PHP.
Well at the end it is always HTML so you can edit it through CSS! if you give me a url to your site I can tell you how and where to do it!
Hi,
Bravo—Great script!
I want to place a different slideshow on each post.
First, I would FTP the images.
Second, I would bulk upload posts via CSV Importer.
Third, “Auto Post Thumbnail” will make the first image the featured image.
Finally, in the csv file for post (csv_post_post), I would insert a shortcode to create the slider:
{shortcode:size:margins:speed:etc}
<img1>
<img2>
<img3>
{shortcodeend}
That’s it. In this manner, I can bulk create individualized slideshows.
I’m very encouraged, it appears that your slider works like this,facilitating bulk post personalization. How do I place it in a theme, and override the default look of the post-you use twenty-ten, I would like to keep the menu, but make the post look like a menu, margin, slideshow-clean and elegant—like a fullscreen background slideshow approach.
I’ve read everything you show and it appears that in your wisdom you perceived this need.
I can’t find any script which has done what you’ve done in a fullscreen background context. So, I would like to use your scripting method to fill the device screen responsively like a background image slideshow like wp-supersized. If I have a one-page theme, I could set up subdomains for each of my salespeople and build a custom almost fullscreen slideshow. However, I think I would prefer what you’ve done as a background slideshow. Call me crazy, but, if it were a background slideshow, then I could build overlays coming in from the outside the mobile viewable area (custom coding). This too could be defined via shortcode in a bulk manner as you have done here. (I searched for 6 hours and cannot find what you’ve done as a background slideshow for wp-supersized. There is a wp-supersized xml feed plugin.)
Cheers, J
Hi, I’m not sure what is your question, but this is only a plugin it is not a theme, you can place it in any theme of your desire just with a shortcode, so the menu, design of the page, etc… that depends of your theme, about the full width slider you can also adapt the slider to be full width of its container, but also that depends of your theme (currently this doesn’t work as background), if you want to read more about its implementation and how it works you can take a look to the documentation in this link: http://www.davidbo.dreamhosters.com/plugins/sliderWP/documentation/index.html
Thanks.
Question 1: Can I deploy slideshows on a per post basis using a bulk upload via the CSV Importer?
Question 2: Could I use a theme such as twenty-twelve as was done by “Menufication” http://iveo.se/menufication/?page_id=62 to insert your slideshow (reduce your browser to tablet size) and take up as much screen as possible so it looks pretty much like a background slideshow?
Question 3: Is there anything fundamentally bizarre about fullscreen responsive background slideshows precluding your shortcode approach using for example, the wp-supersized plugin?
Best,J
Well you can upload the images via FTP using all the advantages of it, and you can insert the slider in any theme and it will adapt to its container, as you can see in the demo if you resize the width of the window! and I can’t tell about the fullscreen background slideshow since I’m not familiar with it.
Cheers!
Thanks again. I search far and wide for a per-post shortcode fullscreen responsive background image slideshow solution and came up with nada. There are many slideshows, I stumbled on yours by accident. I would have found you earlier is your title was “Ultimate Post Shortcode Bulk Responsive Slideshow” (kinda kidding-kinda not kidding). So, it would seem that with a nice menu plugin, your slider, and 2012theme, I could be in motion. Thank you for your great script, insight, and working on Sunday morning at 7:00 am … like me in Arizona. I’ll be buying your script.J
Well make sure all this works for all your needs, since I’m not sure I did answer all you wanted, but go for it. Maybe I will update the tags then! and here it is 10:00 am! Best Regards!
Can I fix a bottom slide so it always appears, and have transparent png slide overlays?
which bottom slide? you mean the navigation bullets?
Thank you. If I had for example, a business card that was black, and I demonstrated 5 ways the info, etc. could be placed over the black business card, I’d have have 6 images. The slideshow would appear to be 5 slides, with the black always showing as the bottom slide (or starting with the black, then showing the 5 layouts).
Well I don’t think this is going to work that way, thats beyond the plugin behavior!
Thanks. I will be buying, but I’m still researching my total needs v. speed of plugin development. You’re plugin is great! I can’t find any responsive slideshow that allows your “manual” “none” shortcode in the post option. I can use access or mysql databasing to design my posts and develop csv’s to target each user. I’ll use as is, but I’ll also likely hire a freelancer to create a watermark layer whereby [smartSlider directory=none topimg=sticky] This results in the top image/watermark not advancing, it just stays fixed in position. About how much coding time would that take (so I can pick the best bid)? J
Well of course you need to fill your needs before you buy! and I don’t really have experience with water marks so I can’t tell.
Okay. I bought. It’s not a watermark, it’s just a top png image that does not move. Cheers, J
Hi, Sorry to be a pest. I got “Unpacking the package… Installing the plugin… The package could not be installed. No valid plugins were found. Plugin install failed.” I tried twice. Both zip file sizes were 1058kb
Hi, first you need to unzip the file you download for codecanyon, and inside there is a folder with the documentation, your liscense and also there is the .zip file that you must upload to the plugins folder named: “smartSlider.zip”
[smartSlider directory="img1"]<br />
<img src="hunt50.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is One" /><br />
<img src="hunt51.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is Two" /><br />
<img src="hunt52.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is 3" /><br />
[smartSlider]Do images have to be in a folder or any URL?
The script above results the image name showing though captions are set to “yes.”
Last, the fade effect is not playing.
Note: The second slider showing is calling your original 3 images from the smartSlider images folder, the top one is correct except for the fade and caption issues.
Cheers, J
Oops the description was wrong, I just update it take a look at it, it need to be close with [/smartSlider] also don’t put a br tag inside.
[smartSlider directory="img1"]
<img src="hunt50.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is One" />
<img src="hunt51.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is Two" />
<img src="hunt52.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is 3" />
[/smartSlider]
The slideshow does not show. J
can you please provide a link to your site?
Okay, it runs when it goes back to your images folder and finds your three images. So, nothing shows for the 3 images above. But, the buttons show 6 images. When it gets to yours, the slider appears, runs yours, then disppears. When it gets to my images the slider disappears until it rotates back to your images.
can you please provide a link to your site? also the src doesn’t appear to be right, you must provide the all link to the image for example: http://www.davidbo.dreamhosters.com/plugins/gridGallery/gallery/Drawings/Black%20Dress.jpg
Basically, the documentation was wrong and for me, unclear about the full url or the “none”. So I wandered, created a mess and it’s confused. Sorry.
APPEARS TO WORK LIKE A CHAMP!!! WOW PLUS PLUS!!! The below works :
[smartSlider directory="none" <img alt="" src="http://plusmood.com/wp-content/uploads/2012/06/PaulRaffStudio_Bluepoint_View_from_Site-600x160.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is One" /> <img alt="" src="http://bronxbaseballdaily.com/wp-content/uploads/2012/07/Marikym-Hervieux-2-600x160.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is Two" /> <img alt="" src="http://plusmood.com/wp-content/uploads/2012/06/PaulRaffStudio_Bluepoint_View_from_Site-600x160.jpg" data-effect="boxesDiagonal" data-captioneffect="fade" data-caption="This Is 3" /> [/smartSlider]So, if I wanted the first image to be sticky as a png so it overlaid the next two, roughly how much coding time as a wild guess. (pls with sugar on top) Benefits to me are that instead of having to make and load 6,001 images, I only make 1,001. J
I’m sorry the documentation was unclear to you, but I’m glad you are got it working! well everything depend on the developer!
Hi, Do you have some examples of how to do Theme 3 captions and links. I can’t get it to work.
Also, when loading the image is full color, then it goes darker. How do I adjust the going darker aspect?
Thank you, J
<h2> est doloremque iure accusamus voluptatibus</h2> <a href="example4.php">A link here </a>.jpgif you are using the manual version then just add it in the caption
and thats the effect of theme 3, you can change it via CSS, open the slider.css file and find this: .theme3 .as_captions{ there you can see that the background is darker using this property: background: rgba(0,0,0,.5);
<img alt="" src="http://plusmood.com/wp-content/uploads/2012/06/PaulRaffStudio_Bluepoint_View_from_Site-600x160.jpg" data-effect="fade" data-captioneffect="fade" data-caption="6<h2> est doloremque iure accusamus voluptatibus</h2> <a href=" example4.php="" />A link here " />
The below caused a slide to not appear: <a href="example4.php">A link here </a>
<img alt="" src="http://plusmood.com/wp-content/uploads/2012/06/PaulRaffStudio_Bluepoint_View_from_Site-600x160.jpg" data-effect="fade" data-captioneffect="fade" data-caption="6<h2> est doloremque iure accusamus voluptatibus</h2> <a href='google.com' >A link here</a> " />
Slide did not show with the following:
<img alt="" src="http://plusmood.com/wp-content/uploads/2012/06/PaulRaffStudio_Bluepoint_View_from_Site-600x160.jpg" data-effect="fade" data-captioneffect="fade" data-caption="6<a href='example4.php'>A link here </a>" />
try to replace for the anchor tag the: < for & #60; and the > for the & #62;
Remove the white space between the & and the #
for the a href?
<img alt="" src="http://award.relationshipleads.com/wordpress/wp-content/plugins/smartSlider/img1/14.png" data-effect="fade" data-captioneffect="fade" data-caption="6 & #60;h4& #62;blah & #60;/h4& #62; & #60;a href='example4.php'& #62;A link here & #60;/a& #62;" />
