THe code above reveals when you click the mouse/ hold it down. Don't know if that would work on a mobile?
COde below doesn't need to click - should work when you hover your finger over the screen
How to Customize Your Images
IMAGES not showing up? They probably need to be hosted on a Weebly page. Just hover over the image and click 'save image link' then paste that into the code above.
HAVING BOTH CODES SEEMS TO CONFUSE THE PAGE SCRIPT _ CHOOSE ONE!!
COde below doesn't need to click - should work when you hover your finger over the screen
How to Customize Your Images
- Top Layer: Replace 'https://picsum.photos' in the <script> section with your own top cover image link.
- Under Layer: Replace https://picsum.photos in the <div class="scratch-under-layer"> section with your hidden prize image link.
- Dimensions: If your images are not 400x300 pixels, change the width and height properties inside the <canvas> tag and the .scratch-container CSS styles to match your photo sizes exactly.
IMAGES not showing up? They probably need to be hosted on a Weebly page. Just hover over the image and click 'save image link' then paste that into the code above.
HAVING BOTH CODES SEEMS TO CONFUSE THE PAGE SCRIPT _ CHOOSE ONE!!
