Hi

I would like to fire some events when the slider reaches a certain slide.
For example, I would like to start some music from slide 7 to 13 with some code external to the slider itself.
Can you please point me out on how to proceed here?
Thanks

Dear Ed,

Looks like what you need to achieve can be done using Slider Callbacks option from your slider settings. Could you please try this and let me know if it works?

Thank you!

Where can I find some documentation about how to use them?

Dear Ed,

Unfortunately the documentation is not ready yet, since callback settings are going to be change a little bit soon.

However, you will need to write a few lines of Javascript code by adding a callback type from Add new callback dropdown option.

Thank you!

hi

this is not clear. putting some test code disrupts the slider.
for example
<script>
alert('Hello, World!')
</script>
is giving a series of errors on the page and preventing the slider's loading.
Also the settings are general (ex. "on slider init") and not page specific (aka deep linking).

Could you be more clear on this?
thanks

Dear Ed,

Please remove the <script> tag, since the code is automatically placed in it on frontend. And the double <script> tag is also the cause of these errors.

All will be working properly, in case you remove the tags, but please make sure to keep me posted, if there will be any kind of further problems.

Thank you!

hi

now it is working properly.

I need to know how to hook an event on a certain slide though.
Can you send me the code to set a behaviour on a certain slide?
For example, reaching slide n5 I need to fire a buy event to the read the rest of the slides.
Im taking care of that part of the code, I just need to add a custom callback.

thanks

Dear Ed,

Here's how you can manage to achieve this functionality. There is no need to create a custom callback, but instead you can use Slide change start callback and write an if statement as follows:

if (key == 4) {
}

thank you this is nearly working.

Still need a bit of help here.

Im trying to change the language of the slider with a button --> comiclang-rus, etc. that sets the custom_class of the layer with the language as visible or not.

jQuery(document).ready( function ($j) {
        var comicLang = "rus";
        localStorage.setItem("comicLang", comicLang);
    $j(".comiclang-rus").click(function(){
        $j(".wds_animated.txt-russian").css('cssText', $j('.wds_animated.txt-russian').css('cssText')+'opacity: 1 !important');
        $j(".wds_animated.txt-english").css('cssText', $j('.wds_animated.txt-english').css('cssText')+'opacity: 0 !important');
    });
});

var comicLang = localStorage.getItem("comicLang");
        if (comicLang == "rus"){
            $j(".wds_animated.txt-russian").css('cssText', $j('.wds_animated.txt-russian').css('cssText')+'opacity: 1 !important');

Dear Ed,

Thank you for the code! Our developers looked, but they are kindly asking you to give us the link to your slider page. This way they will check the Javascript code and suggest you a solution to the problem.

So could you please give the link to your slider page?
Thanks in advance!