98 comments found.
Is there any way to add caption text below the images instead of inside the images on the bottom?
Yes, you can either modify existing template in wp-content/plugins/everslider/templates.php or create your own Custom Slide Template using html and css
Hi,
How do I move the navigation (prev, next) buttons above the slider. Both on the right hand side just above the slider?
Thanks.
Hi! Add padding-top: 45px; to whole slider div and then use absolute positioning to move .es-next, .es-prev nav controls to where you want them to be.
Hi there,
I’ve noticed the slider arrows don’t work anymore on iPad.
I did have an older version, and have downloaded the latest. What files should I replace?
Thanks
Try to replace js/jquery.everslider.min.js file. I think styles should be the same, as I mostly updated the code.
Great, thanks. That’s it working again 
PS – the slider is fantastic! Love it!
Hi, can I use this slider on my blog to show my recent posts?
Hi! Yes, you can. You can select any post type to generate carousel.
Hi, I am reading how to install it but I want to add my blog posts instead of images, how can I do that? I already installed jquery.
Hmm. If you have Wordpress blog then maybe you need Everslider Wordpress Carousel Plugin instead of its Jquery version, that you purchased.
I use blogger..
I’m not familiar with blogger, sorry. If you want to use my plugin you need to find a way how to generate markup (UL list) containing information from your posts in blogger.
Hey!—Thanks for the great purchase, well worth it. Have you ever had any issues getting this to work in IE? It works great in IE in the demo index.html file in the download, but once I get it setup on my site, the scrolling stops working. Still looks good, and responds to mobile sizes on IE but won’t scroll, or auto play..
Let me know if you’d like to see my site, i’ll email you a link.
—To be clear, it works perfectly in Chrome, Safari, and Firefox.
Thanks again!
Sam
Hi! Which version of IE you are using? Also I need a link to look. Thanks!
Good day! Excellent plugin! I just had a quick question I’m hoping has a quick/easy answer. In a situation where the number of slides is too few to fill the width of the slider, is it possible to center the set of slides?
Normal
Desired
Thanks for question! You should have at least few slides to fill the space that slider takes. Or you can set smaller slider width, using maxWidth parameter.
Hi,
I am having a problem with the prev, next button not showing up at all. It only shows the play, pause button.
I integrated it into another template, and one of the css files says,
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre [ display: block; overflow:hidden; position:relative; ]
And this is what caused the issue. Can you tell me what I should add on ever slider css files? It caused more problems when I removed div from the above code although the next and prev buttons do show up.
Thank you, D
Hi! I need to have a look. Can you give me a link to your site?
Hi, congratulation for Everslider! I tried to insert in a modalbox like ColorBox or Magnific-Popup-master but Everslider is frozen . Must resize the window to initialize Everslider Have you any idea?
Thank’s a lot, best regards
Hi! You can simulate resize using $(’#element’).trigger(‘resize’); or simply $(’#element’).resize(); jQuery functions.
Good idea ! Tanks
Hi . Your work is excellent . I like a lot and it has helped me . But now I have a little problem. I have distributed the content on a page through tabs . And in one of those tabs have placed the ” fullwidth_slider_fade ” . Modifying the values ??as follows:
/ * Fullwidth slider with ” fade ” effect * / $ (’# fullwidth_slider_fade ’ ) . everslider ( { mode: ’ carousel ‘ effect : ‘fade ’ , moveSlides : 4, ItemWidth : 240 , itemHeight : 220 , itemMargin : 30 , fadeEasing : ‘linear ’ , fadeDuration : 500 , fadeDelay : 200 , fadeDirection : 1 navigation : true, keyboard : true, swipeThreshold : 10, nextNav ’ Next < / span >’ , prevNav ’ Next < / span >’ , ticker : true, tickerAutoStart : false, tickerTimeout : 2000
My problem is that , when viewed in the browser, the carousel is shown small. With much less than 220px high and resizing everything. And only resized to the correct size , when minimize or maximize the size of the browser window.
Which may be due ? 
The content area of the tabs has a high variable ( height: auto ) . But I tried to give it a fixed size and the problem continues . Do not pass this on the home page , which also placed the carousel outside the tab .
Hello, the problem can be that Everslider cannot figure out proper width being put in tab because it’s hidden. Could you give me link to your site to have a look?
Hi. Thanks for your answer. I preferred place outside the TabbedPanel Everslider. Thus Everslider is no longer subject to high. And everything is better distributed now. If you reached the Site link not see nothing of this, but if you like I can send files to the SpryTabbedPanel script. That is very good despite being quite old, you could send the to see if I can do something for future updates Everslider.
Have a nice day
I want suggestions about adding function autoHideNavigation for (total items = visible items)
Slider.prototype.autoHideNavigation = function(){
var navigation = this.container.find('.es-navigation a');
if (this.total === this.visible) {
navigation.hide();
this.updateNavigation(this.offset);
} else {
navigation.fadeIn();
this.updateNavigation(this.offset);
}
};
In Slider.prototype.resizeSlides add line this.autoHideNavigation();
Thanks, ocvninfo!
i have 4 items for mode “normal”. And i want hide navigation if slider only 4items. And show navigation if slider > 4 items
After init code for everslider you should add JS code to check total number of slides and hide navigation if <4
if($('#slider .es-slides > li').length < 4) {
$('#slider .es-navigation').hide();
}
where #slider is your Everslider ID.
good job. thanks
Hi,
Could you explain to me the way to add a “Read more” link to the bottom of the Carousel Posts excerpts ?
Regards
Hi! Is your question concerning jquery or wordpress version of Everslider plugin?
This question concerns the Wordpress plugin !
Many thanks by advance !
I checked because you posted this question in comments to Everslider jQuery Plugin. Here is a link to Everslider WP – http://codecanyon.net/item/everslider-responsive-wordpress-carousel-plugin/5631013
Now concerning your question. In preview you can see that excerpt in Default Template has ”..” at the end. To add “Read More” link you need to change code in everslider.php file. When you purchase my plugin I will tell you want to change. Thanks!
I’ve already purchased your plugin !
%excerpt% placeholder that starts with comment // replace %excerpt% placeholder. Comment it and insert new code below, like so
/*
// replace %excerpt% placeholder
$excerpt = wp_trim_words(get_the_excerpt(), 12, '');
$excerpt = preg_replace('/\W+$/', '', $excerpt);
$tmpl = str_replace('%excerpt%', $excerpt . ' ..', $tmpl);
*/
$excerpt = wp_trim_words(get_the_excerpt(), 12, ' <a href="' . get_permalink() . '">Read More</a>');
$tmpl = str_replace('%excerpt%', $excerpt, $tmpl);
Hi,
Is it possible to hide the “play/pause” button but keep the left and right arrows?
Thanks!
.everslider .es-ticker { display: none }
Thanks!
Hello,
Bought it, like it, how do I make it continuously scroll without a pause?
Matt
But stop instantly on mouse hover
Hi Matt! Here is what you need to do. Open jquery.everslider.js file and search setInterval function (there is only 1 in file). The last argument "timeout" replace with "ticker_timeout > 0 ? timeout : 10". Next in your index.html link jquery.everslider.js instead of jquery.everslider.min.js to use updated version. Finally in everslider init code set following options: “slideDuration: 5000, slideEasing: ‘linear’, slideDelay: 0, tickerTimeout: 0”
Thank you! Awesome slider!
Can you please tell me what line that is on for the timeout? On the everslider.js
Sorry, I reread your how-to and you were very clear, I got it! Thank you again
Last question
The reason is that when slider is “in transition” it cannot be stopped immediately. Transition ends and it stops.
Normally carousel scrolls much faster, so such problem does not stand. Actually I think this can be fixed somehow. Please contact me using mail form on my profile page so that I have your email to send the code back as soon as I will find solution.
I have fade a problem for my everslider is not work on mobile safari browser and also on iphone and ipad. http://m.officerent.sg/
Do you have any solution for me to solve it? even the next button also not working. 
You seems don’t use my carousel on page you provided. Give me a link and I will check. Thank you!
Oops! sorry i have change some on prev URL. Here is the link http://www.jinjja-eh.com/mobile/index-old.html and also i have try your demo link on my mobile android samsung S3 default browser and my iphone default browser also can’t scroll to next. Thank you.
But android google chrome is work well.
This seems is not working on desktop Safari as well. Could you try to set “useCSS: false” option in carousel in first tab?
How can I set up my slider to scroll to a certain position. Each of my slides links to a detail page, with a copy of the slider below. See http://whco-dev.weatherhillcompany.com/main-entrance-charlotte-vt/. When the user clicks a different thumbnail, I want that one to be visible in the scroll. (i.e. I don’t want the slider to go back to the beginning)
You should use API method slideTo, like so
$('#mycarousel').trigger("everslider", ["slideTo",1]);
hello, do we have to declare a unique id here: $(’#unique-id’).everslider({ or can we use a class instead to apply to multiple section in a page?
for example we are trying to display a carousel of product list under each and every category (there are more than 1 category) in one page. say with html like this:
<div class=".category-with-products everslider">
<ul class="es-slides">
<li class="products">product</li> * 8
</ul>
</div>
say can we have four or five .category-with-products in one page and target the class instead of an ID?
Hello, yes you can use class if you want to init few sliders using the same plugin settings.
Hello, its relly great plugin but one important question. Can i make slides not fixed width? for example i made slider with just textual lniks but every slide is for example 200px width but htats ugly because sometimes i have short link sometimes i have long one etc. So cant i just use padding-left and right on links and not to have fixed width of slide? Thanks
Hello! No, you cannot use % for slide width, only pixels. Also all slides have same width.
Great plugin, thanks.
I’m trying to go to a specific slide when the page loads. I’ve tried
slidesReady: function(){["slideTo",4]}
and
slidesReady: function(){('slideTo',4)}
but it’s not working so I guess my syntax is wrong. Help appreciated.
slidesReady: function(){$('#fullwidth_slider').trigger("everslider", ["slideTo",5]);}
but regardless of which number I enter it always moves to the second slide?
Ok I think I’m understanding this now. If I specify a slide number it moves the carousel so that the requested slide is visible. But depending on the number of slides visible at any one time the actual position of the selected slide can vary. How can I set it so the slide I specify is in the first position?
Hi! Yes exactly. My plugin moves carousel so that the slide that you requested was visible. If 5th slide if the last one, then you will never see it first as in such case you will have a gap in carousel what is not allowed
Ok. But when I move the 5th one to 1st position your script fills from position two with the 1st one.
Doesn’t matter. What I was hoping was to choose which slide was 1st and animate the carousel moving to that position after the page loads, just to give a bit of movement. The way I’ve worked around it is the cms is producing the list in the required sequence, but I’m not getting any animation on page load.
Please contact me using mail form on my profile page and give me url to your site to have a look. Also please explain what exactly you want to achieve using example.
Hi, I am really enjoying using this script, it’s great!
I am just wondering if there is any template code so I can set up a product photo gallery. I would like the thumbnail images to be displayed in a carousel and then when a thumbnail is clicked a larger version of the thumbnail image displays above the thumbnail carousel.
Has anyone done something like this?
Thanks for your help!
Hi! You can simply wrap thumb images into <a></a> with href set to full-size image and then use any of lightbox plugins. My favorite one is fancybox – http://fancybox.net
