Event callback in LayerSlider - Support | Kriesi.at

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
December 24, 2015 at 5:16 am #557347

mdxclr
Participant

Hello,
The callback functions in LayerSlider doesnt work, is any other way to know, when slider is loaded?
I want to wrap navigation arrows in to the container div, but with document.ready() no any action for slider (slider loaded after document.ready)

December 27, 2015 at 2:32 am #557531

Elliott
Inactive Moderator

Hey mdxclr!

I am not sure. You can find the LayerSlider documentation here though, http://www.docs.purethemes.net/sukces/layerslider/documentation/documentation.html.

Cheers!
Elliott

January 10, 2016 at 1:37 am #562545

mdxclr
Participant

Yes, and in documentation we have callback in settings, but it doesnt work in Enfold theme (tried to put any simple console.log or alert and nothing)

January 14, 2016 at 10:39 pm #565788
Vinay
Inactive Moderator
Hey!

~~Please contact the plugin author as they know their plugin best.~~

You can try this on the demo site open console paste it hit enter key and then click the next slider or other options on the slider to vie changes at the bottom of the console. $ sign will not work in wordpress to avoid conflict so please use jQuery.
```
jQuery(document).ready(function() {
    jQuery('#layerslider_1_1').layerSlider({
        hoverPrevNext: false,
        cbInit: function(element) {
            jQuery('.c-api');
            console.log('function cbInit() called');
        },
        cbStart: function(data) {
            jQuery('.c-api');
            console.log('function cbStart() called');
        },
        cbStop: function(data) {
            jQuery('.c-api');
            console.log('function cbStop() called');
        },
        cbPause: function(data) {
            jQuery('.c-api');
            console.log('function cbPause() called (pauseOnHover)');
        },
        cbAnimStart: function(data) {
            jQuery('.c-api');
            console.log('function cbAnimStart() called, current layer is: ' + data.curLayerIndex + ', next layer is: ' + data.nextLayerIndex + '');
        },
        cbAnimStop: function(data) {
            jQuery('.c-api');
            console.log('function cbAnimStop() called');
        },
        cbPrev: function(data) {
            jQuery('.c-api');
            console.log('function cbPrev() called');
        },
        cbNext: function(data) {
            jQuery('.c-api');
            console.log('function cbNext() called');
        }
    });
});
```
Regards,
Vinay
- This reply was modified 8 years, 10 months ago by Vinay.
January 16, 2016 at 4:18 am #566415
mdxclr
Participant
This code working, but broke my slider – got 6 nav bubbles non-clickable instead of 2 my slides.
When I install LayerSlider manually – callbacks working, but with integrated plugin in theme – no.

Action hooks doesnt work too:
http://www.hoothemes.com/documentation/layerslider/developers.html#action-hooks

I didnt change any core code of theme or plugins.
- This reply was modified 8 years, 10 months ago by mdxclr.
January 17, 2016 at 12:34 am #566649

Vinay
Inactive Moderator

Hey!

Please make sure you are usign the correct ID’s in the jQuery code to match the ID of the slider on your site if you already tried this pelase provide us admin access to your site in a private message

Regards,
Vinay

January 17, 2016 at 6:26 pm #566818
mdxclr
Participant
Slider ID is ok (#layerslider_15). U can check it.
Just need to init when slider is loaded to make navigation arrows in container.
Or can review other methods to make it without edition parent theme.
- This reply was modified 8 years, 10 months ago by mdxclr.
January 19, 2016 at 7:27 am #567665
Vinay
Inactive Moderator
Hey!

The below code is working fine for me please check it and let us know…
```
jQuery(document).ready(function() {
    jQuery('#layerslider_15').layerSlider({
        hoverPrevNext: false,
        cbInit: function(element) {
            jQuery('.c-api');
            console.log('function cbInit() called when Layer Slider is Loaded');
        }      
    });
});
```
Best regards,
Vinay
January 20, 2016 at 2:39 am #568297

mdxclr
Participant

I got an error in console like this:
GET domain/layerslider/skins/v5/skin.css

January 20, 2016 at 8:16 am #568422

Vinay
Inactive Moderator

Hi!

Please check if the skin.css exist in the location it is looking for… The error simply means that the css styles it is looking for is missing.

Best regards,
Vinay

January 20, 2016 at 4:59 pm #568742
mdxclr
Participant
Make correction in code, like this:
```
jQuery(document).ready(function() {
    jQuery('#layerslider_15').layerSlider({
        hoverPrevNext: false.,
        skin: 'fullwidth',
        skinsPath: '/wp-content/themes/*mytheme*/config-layerslider/LayerSlider/static/skins/',
        cbInit: function(element) {
            jQuery('.c-api');
            console.log('function cbInit() called when Layer Slider is Loaded');
        }      
    });
});
```
No errors in console, but still loading 6 more bullets and thumbnails + margin my text.
January 22, 2016 at 9:03 am #569822

Vinay
Inactive Moderator

Hi!

That’s is strange i have never seen it before please give us more time while we work on it and get back to you.

Cheers!
Vinay

January 22, 2016 at 8:07 pm #570300

Vinay
Inactive Moderator

Hi!

Unfortunately we did not find any solution for this yet, we might need more time on this issue to research. All tho we are providing you the support for this plugin I’m not sure if the plugin author has a easy fix for this issue.

Thank you for your patience.

Cheers!
Vinay

April 27, 2016 at 12:21 am #622590

mdxclr
Participant

Fixed in new Enfold version.
Thank You.
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Event callback in LayerSlider’ is closed to new replies.