June Scratchcard

Extension Type:
Joomla! Module
Joomla! 1.5, Joomla! 2.5
January 2011
January 2013
June Scratch Card is a jQuery based module with a scratchcard effect. Drag the mouse over the overlay to reveal the target image underneath.
$7.00 USD


 Smooth scratchcard effect
 Style settings (Opacity, Scratch Square Size, Overlay Color, target image)
 Set frequency with which image 1 is shown. Alternatively image 2 is displayed. Great for raffles or promotions!
 Scratch cards are great fun, they are loved by everyone. Nothing beats the feeling of scratching with anticipation.
 Uses jQuery


Demo 1
  • Occurrence (%): 100
  • Opacity: 0.5 px
  • Scratch Square Size: 25
  • Color: d6f1b5

Demo 2
  • Image 1: smile face
  • Image 2: sad face
  • Occurrence (%): 50
  • Opacity: 0.5 px
  • Scratch Square Size: 10
  • Color: 6a22c4

Demo 3
  • Occurrence (%): 100
  • Opacity: 0.2 px
  • Scratch Square Size: 15
  • Color: CCCCCC

Find the smiley face!

Demo 4
  • Image 1: You win! Coupon code: xxxx
  • Image 2: Sorry! Please try again..
  • Occurrence (%): 30
  • Opacity: 0.3 px
  • Scratch Square Size: 15
  • Color: c5e3ff
Win coupon code (example)

Parameter Options

Parameter options for the June Scratch Card module.


  • 1. Download June Scratch Card to your local machine as a zip file package.
  • 2. From the backend of your Joomla site (administration) select Extensions -> Install/Uninstall.

  • 3. Click the Browse button and select the extension package on your local machine.
  • 4. Click the Upload File & Install button.

  • 5. From the backend of your Joomla site (administration) select Extensions -> Module Manager.
  • 6. Enable the module and set the position to any value that doesn't conflict with an existing template position. You can type in the position value instead of selecting it from the drop-down list.

  • 7. Create/Edit the article where you want the June Scratch Card Module to appear and insert the text into the article at the place where you want the module.
    Note that this only works when the Content - Load Module plugin is enabled.
  • TOP