Code

Discussion on AsyncSlider

Discussion on AsyncSlider

Cart 380 sales
Recently Updated

Laborator does not currently provide support for this item.

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

i got this code along with crystal theme my partner bought. Now, i need the pause-on-hover mode urgently but couldnt understand how to use this code: 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!

that’s weird! The author at crystal gives full credit to you in his js file!

http://themedrops.com/themes/crystal/js/jquery.asyncslider.js

Please do make the necessary changes. Do i need to buy this if you make the changes? Thanks.

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 :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey