Slider Revolution WP
09.27.2016
Layer Actions API Example
Sample snippet for harnessing the full power of the "layeraction" API Event
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
// adjust revapi number to match API value assigned for your slider revapi1.bind('revolution.slide.layeraction', function (e, data) { var currentLayer = jQuery(data.layer); var layerEvent = data.eventtype; var layerClass = currentLayer.attr('class'); var layerID = currentLayer.attr('id'); console.log('Current Layer Class = "' + layerClass + '"'); switch(layerEvent) { case 'enterstage': console.log('Layer BEGINS animating INTO view'); break; case 'enteredstage': console.log('Layer FINISHED animating INTO view'); break; case 'leavestage': console.log('Layer BEGINS animating OUT OF view'); break; case 'leftstage': console.log('Layer FINISHED animating OUT OF view'); break; } // ************ // sample usage // ************ if(layerClass.search('my-custom-layer-class') !== -1 && layerEvent === 'enterstage') { jQuery('body').addClass('new-bg-color'); } // console new line console.log('...'); }); |
