98 comments found.
Hey Guys, i cant get the slider to initiate, sits on a spinning icon, any suggestions? 
Many thanks!
Hi! You should wrap everslider init code into
$(document).ready(function(){
//everslider init goes here
});
Thats great, thankyou very much! Works like a charm!
I really like this Slider Plugin. We are getting one issue in mobile/tablet touch devices. This issue is in demo slider too.
We are not able to scroll down page inside slider content area. Swipe action should be horizontal, If we swipe vertical should scroll it without any problem. Is there any solution, you can provide? This is really required for touch devices, Otherwise user can’t scroll page smoothly.
Thank you..!
Hello! Please try “swipePage” option. When set to true it will allow vertical swipe from inside of Everslider carousel
Great plugin and GREAT TEAM with prompt support. Thank you for this good job! i love it 
Thank you!!
I purchased the item but I have a problem with it.The slider start to work properly only after windows resize.Here is a live link daniel.webforcoins.com Help will be much appreciated.
At the moment when you init Everslider, section that contains #fullwidth_slider has display: none and plugin cannot correctly get container width. What you can do is right after you make this section visible, call trigger(‘resize’) on #fullwidth_slider to fake window resize
Your comment was very helpful, thank you!
I am using the fullwidth slider with fullwidth-title and description. It is working great. I would like the description to slide up and down. Is this possible?
Description animations are css3 based so you can change them in css. There is no plugin option to change this, except that manually in css. Do you use styles from everslider-custom.css file, like styles for image slider that have base class .image-slider?
This slider works great and I’m very happy with it. Except – I just discovered that when I open the site using my iphone (ios7) and load the page which uses the carousel – it loads then shuts down safari completely. Any ideas??
by the way – it did turn off css transitions…that seems to help other issues with ios7
I know about that on iOS7 my plugin randomly locks up. It happens due to the fact that safari on iOS7 sometimes does not fire transitionEnd events.
What you can do is to test target browser (specifically for iOS7) using this regexp
var ios7 = navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i);
then when you init my plugin set “useCSS: !(ios7)”
<script type=”text/javascript”> $(document).ready(function(){
var ios7 = navigator.userAgent.match(/(iPad|iPhone);.CPU.OS 7_\d/i);
</script>/* Fullwidth slider */
$('#fullwidth_slider').everslider({
mode: 'carousel',
moveSlides: false,
slideEasing: 'easeInOutCubic',
slideDuration: 700,
navigation: true,
keyboard: true,
nextNav: ' Next ',
prevNav: ' Next ',
useCSS: !(ios7),});$('#fullwidth_slider2').everslider({
mode: 'carousel',
moveSlides: false,
slideEasing: 'easeInOutCubic',
slideDuration: 700,
navigation: true,
keyboard: true,
nextNav: ' Next ',
prevNav: ' Next ',
useCSS: !(ios7),});});Does this look right?
if so, it didn’t solve the problem.
Could you give me link to your site with this code? You can send it via mail form on my profile page if you like. Thanks!
Hi, Great tool!. I am having issues with IE support for this tool, the left border is aligned incorrectly on IE9, IE 8 and sometime IE 10.
Also appears in the tool demo page, can you think why or tell me if there is a a simple solution.
when I used it in 300X250 dimension the offset seems even worst and I get slides over slide.
Regards, Vex
/* Image slider */
$('#fullwidth_slider').everslider({
mode: 'carousel',
moveSlides: 1,
slideEasing: 'easeInOutCubic',
slideDuration: 700,
maxWidth: 300,
navigation: true,
keyboard: true,
nextNav: '<span class="alt-arrow">Next</span>',
prevNav: '<span class="alt-arrow">Next</span>',
ticker: true,
tickerAutoStart: true,
tickerHover: true,
tickerTimeout: 4000
});
Hello! What you mean when you say – ” the left border is aligned incorrectly”? Could you clarify this statement. Thanks!
here:
when I changed the dimension a bit- for some reason the offset is greater
I see this issue ON IE9,
Hello! Do you use zoom in ie9 when you see this problem?
<!DOCTYPE html>
<head>
<!-- jQuery library and easing -->
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Everslider CSS and JS files -->
<link type="text/css" href="css/everslider.css" media="screen"/>
<script type="text/javascript" src="js/jquery.everslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#mycarousel').everslider({
mode: 'carousel',
moveSlides: 2
});
});
</script>
</head>
<div id="mycarousel" class="everslider">
<ul class="es-slides">
<li><img src="images/image1.jpg" alt="" /></li>
<li><img src="images/image2.jpg" alt="" /></li>
...
<li><img src="images/image3.jpg" alt="" /></li>
</ul>
</div>
Ok I now have the slider appearing however it does not slide and does not resize 
Hello, I see you made mistake in including css file. You have this line
<link type="text/css" href="css/everslider.css" media="screen"/>
however it should have “rel” attribute
<link rel="stylesheet" type="text/css" href="css/everslider.css" media="screen"/>
If it still won’t work please give me link to your site and I will have a look myself. Thanks!
Hi everyone, Just to note that the “works on iphone” does not include ios7 if css transitions are turned on. Due to a bug in ios7 the slider freezes if you vertically scroll with your finger on the slider. After the freeze, the slider will not scroll horizontally.
This issue has occurred with other well known sliders too, for which they are looking for workarounds. (as the issue is related to “settimeout” not firing)
The author for Everslider currently has no workaround, but if someone finds one, please post here. The curent solution is to turn off css transitions so Everslider uses Javascript. This isn;t as smooth on ios but it works without freezing.
Hope this saves other people alot of time and headaches! It’s a fantastic responsive slider, so hopefully someone will find a way around the above issue.
Thanks again for this great plugin – best responsive carousel by far!
I have another question – is it possible to set “minVisible” somehow?
On mobile devices I don’t want my carousel to collapse to one big slide, but 2 small slides.
Possible? Any help would be appreciated.
You need to make sure that on mobile screen “container width / slide width + margin” > 2, where ”’slide width” is initial slide width from css or from itemWidth parameter that plugin uses for calculations. In this case Everslider will not collapse to one slide.
Great thank you – I will try that.
Hi! I can see the arrows are inside the main container with overflow:hidden; Is it possible to move the arrows outside of the container, so i can display them next to the slider? Setting left to a negative value won’t work because of the overflow:hidden;
Thanks
Nope. You should disable native navigation what will hide arrows, and add your own navigation outside of container and then link them with everslider api methods slideNext() & slidePrevious()
I would like to use this, but i need to scroll 2 rows of images across instead of 1 row, is this possible?
Carousel items may have any content. So you can put 2 images into single carousel slide. This way you will have 2 rows
Hi! Great plugin, but i have a strange problem. When i select a post-category to display, it displays the correct category when i’m logged-in in Wordpress, but when i check in other browsers, or when i log out, everslider shows all the latest posts regardless of the category i picked…
This is the site I’m building: www.wijzijnraak.nl
Everslider should only show the category ‘events’ (http://www.wijzijnraak.nl/?cat=2), but it shows all categories…
Could you help me?
Hello! If you are using Everslider WordPress plugin you need to select post category on slider settings page (edit page for slider). My plugin doesn’t take query arguments into account. Specifying ?cat=2 won’t work.
Hi, thanks for the fast response!
I think i did already select the right settings: https://picasaweb.google.com/lh/photo/wr_TPjO_9eDTfUlEVl56qejbYOKKiTD4GAeXzPBJ_R0
Am I correct? Then the problem remains…
Oh, don’t know if this is important, but i bought the $14 Everslider – Responsive WordPress Carousel Plugin (not the $7 jquery)
Ok, i think I found the problem: I showed everslider via a page. And Wordpress seems to block a tax_query filter when on a single post/page.
That doesn’t solve the problem, but it might shed a light on things. Now I’m not a programmer, though i can read a little php (more like: ‘I speak english very good’), but I haven’t got a solution for it. Anyone?
Reference: https://core.trac.wordpress.org/ticket/24819#no1 http://wordpress.org/support/topic/tax_query-not-working-anything-change-in-latest-versionUPDATE: I found a workaround myself, but for others in the future there might be a need for a fix on this?
Thanks for letting me know about this problem! It’s strange why WP_Query is limited by is_singular “if” statement and why this bug was closed in trac. Tomorrow I’m going to look into this deeper and I will inform you about results!
Ok! I inserted everslider shotcode into the Page and Post and in both cases slides in carousel where exactly for selected category, what means that WP_Query is taking tax_query param into account and plugin is working properly. If you still have this problem you can contact me via email form on my profile page and we will look deeper and try to reproduce it on my environment. Thanks!
Hi, I love the script. I have an issue by the way, The control buttons are visible on my local laptop, and the problem is that they are not visible on the server.
I didn’t change any image paths.
http://goo.gl/Kz9A6sPlease let me know.
Thank you! D
FYI, they’re not clickable on iPhone, and iPad, so that needs to be updated as well. Thanks, D
Hello! The problem is that following image is missing on server – http://misowebdesign.com/testlab/johnson/images/arrows.png also you need to upload preload.gif and ticker.png to images/ folder from Everslider package
Hi I am trying to add autoplay to my slider, is there a simple way to do this? below is what I have so far.(everything works fine besides autoplay)
$(document).ready(function(){ $(’#slider’).everslider({ mode: ‘carousel’, swipePage: false, moveSlides: 1 }); });
Hi! Here are options that have to do with autoplay (in plugin it’s called ticker)
ticker: false, // enable ticker tickerTimeout: 2000, // ticker timeout, ms tickerAutoStart: true, // start ticker when plugin loads tickerHover: false, // pause ticker on mousehover tickerHoverDelay: 300, // delay before ticker will pause on mousehover
for some reason it doesn’t work. can you please tell me what’s wrong. Below is what I have now.
$(document).ready(function(){ $(’#slider’).everslider({ mode: ‘carousel’, moveSlides: 1, swipePage: false, ticker: false, tickerTimeout: 2000, tickerAutoStart: true, tickerHover: false, tickerHoverDelay: 300,
});
});The reason is that you have “ticker: false”. To enable ticker (autoplay) this option should be true
I would like to know if it is possible to offset the slider, for example I have 5 slides, I would like it to center align the sliders instead of snapping to left, meaning for odd number os slides half of the left and right one will be off scree, I would then like to overlay the next buttons over these 2 so 3 are visible.
Any ideas?
Solved.
Will I be able to implement it to work with Adobe Muse?
Right now I see people create sites with Muse and then using DW or some other text editor modify final html and insert plugins ( http://forums.adobe.com/thread/1036660 ). But this method has one drawback that Muse doesn’t keep track of changes. I recommend to search in Google maybe there is some other way how to add plugins to the sites created with Adobe Muse.
Hi,
Great plugin, does exactly what i need. How would i run some code only once everslider has finished loading?
Many thanks
Hi! There is “slidesReady” callback that runs only once after plugin completes adjusting slides after init. It accepts one argument which is an object with API method. Also you can use this keyword in callback function to reference DOM for container.
Could you please explain how to set the ‘normal’ mode version of the slider to auto move? You previously replied to someone else saying:
“You can do this with window.setTimeout() and slideNext() method that you can run as in example var s = $(’.everslider’).data(‘everslider’); s.slideNext();”
I do not understand what you mean by this, could you please send me the full code needed?
Hello,
by default, autoplay does not work in “normal” mode because carousel will stop on its last item. However if you need this functionality you should provide callback for “slidesReady” plugin option, that should look like this:
slidesReady: function(api){
setInterval(function(){ api.slideNext() }, 2000);
}
this code will start autoplay with 2 sec delay.
Thank you for your reply, again though your too advanced for me. In terms of:
<script type=”text/javascript”>
$(document).ready(function(){
$(’#everslider’).everslider({
<—-INSERT CODE HERE—->
});
});
</script>
How do I put your code into this? Or is your code separate?
You just need to insert the code that I gave you as any other plugin option, like so
<script type='text/javascript'>
$(document).ready(function(){
$('#everslider').everslider({
mode: "normal",
slidesReady: function(api){
setInterval(function(){
api.slideNext();
}, 2000);
},
slideDuration: 500
});
</script>
Cheers mate, that worked for me. Can you get it to auto start when it reaches the end?
Sure you can! You should use mode: "circular" and ticker: true options and simply remove slidesReady callback
thanks for your excellent quick support, is there a way to stop the pause/play button from appearing?
yes, in your css you should set this
.everslider .es-ticker {
display: none;
}
Hey im thinking about buying this script and using it, but I want to be sure that it will work for what I need it too, I wanted to know could I feed this slider via JSON?
Hi! You want to know if my plugin provides a function to insert carousel items dynamically?
Actually you can generate plugin HTML using jQuery from your JSON data and then simply initialize my plugin.
