!doctype html> simple explode demo NOTE: JULY 2020 I CANNOT GET THIS TO WORK IN MY WORDPRESS THEME. NO CONSOLE ERRORS, IT JUST DOES NOT WORK. WHY UKNOWN. Original code is here: https://api.jqueryui.com/explode-effect/
logo
explanation of below script. This script was written so that the image "implodes" on page load. Since the jquery "explode" class toggles--the first time it is called is always "explodes", which is not waht we want on page load. So we hide the first explosion by adding the class "displayNone). When the "explode" method is called again (since it has already run) it runs in reverse and "implodes" the picture (ie. makes the pieces come together, not go outward) and because of "toggle" also sets display back to block. Use this in its default explosion state or which click handlers as needed. Pieces defines the number of shards the pic breaks into, which should be a a square root. Timing fucntion occurs after.