Creating a toggle button for script call

Question

I have the following glitch effect applied to a section of my page, however it can be quite distracting. I wish to create a toggle button to disable and re-enable the script.

http://eg-graphics.com/zwooper/EGVGV/Season3/MemoryWall.html

So to call the function I have the following code:

 $( function() {
    $( ".glitch-img" ).mgGlitch({
        destroy : false, // set 'true' to stop the plugin
        glitch: true, // set 'false' to stop glitching
        scale: true, // set 'false' to stop scaling
        blend : true, // set 'false' to stop glitch blending
        blendModeType : 'hue', // select blend mode type
        glitch1TimeMin : 600, // set min time for glitch 1 elem
        glitch1TimeMax : 900, // set max time for glitch 1 elem
        glitch2TimeMin : 10, // set min time for glitch 2 elem
        glitch2TimeMax : 115, // set max time for glitch 2 elem
    });
});

To disable this plugin i need to set it so it's destroy : true.

Where I struggle is that I am unable to recall the function with destroy:true and then again with destroy : false.

Thank you in advance

mplungjan · Accepted Answer · 2018-04-26 08:53:21Z

2

var toggle=false; 
$("#toggleBut").on("click",function() { 
    toggle=!toggle; 
    $( ".glitch-img" ).mgGlitch({destroy : toggle }); 
});

https://codepen.io/anon/pen/rvMMzw

answered Apr 26, 2018 at 8:53

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Artem Dorodovskyi Over a year ago

Maybe better

$("#toggleBut").on("click",function() { $( ".glitch-img" ).mgGlitch({destroy : $('.glitch-img .front-1').length > 0 }); });

?

EGxo Over a year ago

@mplungjan 's suggestion was clear in my opinion. Thank you though!

Collectives™ on Stack Overflow

Creating a toggle button for script call

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related