61 comments found.
Hello, Using the slider the image when first loading the page loads near the top, then when the page loads the image in the slider lines up.
See: http://tinypic.com/r/e5jjoh/5
JC
Hi, where did you get the plugin, I am asking because I cannot see the verification from Envato.
Art
Can anyone help me with an easy way to add two of these to one page? Not two slide but two entire “AsyncSlider”s. When I try either one controls both of them or nothing works.
Thanks
Can I get your assistance please?
Please help me setup pause on hover and smoother navigation on this page – http://rltr.cm/7a94
1. I saw an earlier comment about pause on hover, but no answer posted on site.
2. If you click on random thumbs without waiting for animation to finish the slider glitches. How do I make it work smooth like your builtin navigation?
the buttons are set up as follows // Link to go to slide 3 $(”.rdcprofile a”).click(function(ev){ ev.preventDefault(); $(”#slideshow”).asyncSlider(“moveToSlide”, 1); }); $(”.collsearch a”).click(function(ev){ ev.preventDefault(); $(”#slideshow”).asyncSlider(“moveToSlide”, 2); }); $(”.mlb a”).click(function(ev){ ev.preventDefault(); $(”#slideshow”).asyncSlider(“moveToSlide”, 3); });
...
Thank you.
How can I use next – prev icons instead of “next” and “previous”?
Hi, my company is currently using this slider as part of a theme they bought for Wordpress, however, we are now in the process of adding a support system to our website, and I am trying to skin the support system so that it would look the same, however, the slider does not seem to be able to be moved over.
(for reference, the support system that I am trying to skin is ZenDesk, and they allow custom CSS, Javascript and HTML widget additions on top of their pre-designed portal.)
The sliders are manually placed and cannot change, the only slider that can change position is the one that can be added through the Visual Composer. Silicon is not tested with any of the 3rd party plugins that is not described in the product.
Art.
hi greate slider. i dont have the html files with the demo example. can you send it to me? i just jot simple slider with no data from the file i download can you send the full files?
Hi allnet4u, can you tell me your email we will send the html files.
Arlind
I am finding a strange occurrence after page loads and going to the next or previous slide for the first time. The background image does not fade in and out, it just switched to the next image. after the first slide it works fine. Any ideas on what I am doing wrong?
the url: http://fatalflash.com/index.php
Thanks James
Hi there,
We are having issues with the loading of the slider, it is taking to long and is showing the slides as a long list. Is there a fix? Maybe a loading slide? Domain example http://demo.xiscope.com/home
Kind Regards Dan
Hello,
Go to slide by specified index doesn’t work:/ here is my code can you help me ?
$(”.home”).click(function(ev) { as.asyncSlider(“moveToSlide”, 1, ‘right’); });
$(”.about”).click(function(ev) { as.asyncSlider(“moveToSlide”, 2, ‘right’); });
$(”.contact”).click(function(ev) { as.asyncSlider(“moveToSlide”, 3, ‘right’); });
- Home
- About Us
- Contact
Thanks.
This slider was included in a template I purchased through themeforest. First off – love it, well done.
Is it possible to add a code to stop the slideshow after the last slide and nullify the loop? Or to allow the slides to stay up once they are generated and allow the next slides to layer over them?
Thanks
Hi dstyles04,
Yes of course it is possible, so by using predefined functions (refer to demo site) this is how you can achieve that:
<script type="text/javascript">
var slides_total = 4;
var current_slide = 1;
var yourSlider = $(".slider_env").asyncSlider({...}, onSwitchCallback);
function onSwitchCallback()
{
current_slide++;
if(current_slide == 4)
{
yourSlider.asyncSlider("set", "autoswitch", "off");
}
}
</script>
This would be the simples form but not the best. I hope it will work for you.
Arlind
Hi,
Is there a way to stop the slider when a video is clicked? Say a youtube embed video on 1 slide and the user clicks play.
Thanks Dan
Hi Dan,
This feature cannot implemented inside the AsyncSlider because the main problem is to detect Click events on videos which we cannot support.
But there are alternatives to do this, and here is one example:
Using image thumnails for videos, so when user clicks an image (video image) then you call the autoswitch command:
// Stop and play
as.asyncSlider("set", "autoswitch", "on"); // Activate Auto-Switch
as.asyncSlider("set", "autoswitch", "off"); // De-activate Auto-Switch
So this could help you to achieve what you want.
Thanks for purchase buddy Arlind
var aslider = $("#asyncslider").asyncSlider({....});
$("#asyncslider").hover(function()
{
aslider.asyncSlider("set", "autoswitch", "pause");
},
function()
{
aslider.asyncSlider("set", "autoswitch", "play");
});
What should i place in .asyncSlider({....});? I don’t understand javascript/jquery!
The AsyncSlider used on Crystal is different, and doesn’t support pause-on-hover. Tonight I will take some time and I will build that feature and then will let you know.
that’s weird! The author at crystal gives full credit to you in his js file!
http://themedrops.com/themes/crystal/js/jquery.asyncslider.jsPlease do make the necessary changes. Do i need to buy this if you make the changes? Thanks.
any update?
could you let me know the current update?
Thanks !
It worked for me too !
Thank you !
Hi !
I have a big problem with your slider… I have 3 slides. I don’t know why but when the slider slides to the third one, the background just disappeared. Then if I go back to the first slide, the background appear and disappeared immediately.
The url : http://noomiastudio.com/
Could you help me ?
Hi noomiastudio,
I think I have found a solution for you. Open ‘jquery.asyncslider.js’ and go to line 600, then
Try to replace this line
bg_mask_2.css({background: next_slide.background}).fadeTo(0, 1);
With this one
bg_mask_2.css({background: next_slide.background}).css({opacity: 1});
It worked for me
Hi I purchased the VELES theme and am experiencing the images loading before the slider issue someone mentioned above.
I tried your suggestion;
var as = $(".sample_slider");
as.asyncSlider({autoswitch: "pause"});
var images = ['imageurl1.jpg','imageurl2.jpg','...'];
var loaded = 0;
for(var i in images)
{
var image = images[i];
var loader = new Image();
loader.src = image;
loader.onload = function()
{
loaded++;
if( loaded == images.length )
{
as.asyncSlider("set", "autoswitch", "play");
}
}
}
But with no joy.
Can you offer any other suggestions that might help resolve this?
Eli.
Hi Arlind,
I have skinned and implemented your slider (which works great, thanks!) into a client of mine’s site. Right now we’re still in development mode, you can see the temp URL at www.ncompass.madieduplessis.com
The problem though is that the slider takes very long to load and one can see all the slides below each other, before it bounces back into its animation. So once you open the page, there is a fraction of a second where one can see all the slides displayed below each other, and then the JS kicks in and the slider starts its animation correctly.
Can you please tell me how to get rid of this? Thanks Madie
Just good enough to be acceptable: vertical margins break the animation (it’s [margin] pixels lower during the animation, and then snaps back into place right after), background images don’t work either.
Waste of time.
Can I see the url how you implemented then I can give you a concrete answer.
Thanks for purchase 
FYI – You need to add the following code for this to work in WP:
jQuery.noConflict()(function(){
// Setup Slider
jQuery(".my_asyncslider").asyncSlider({autoswitch: 5 * 1000});
});
A little documentation would have saved me over an hour of deduction. Hopefully someone else will find this useful.
Nice work.
Thank you very much 