Permohonan Online

Demo Image

eBorang

MOHON!

Spotlight

The Widgetkit Spotlight allows you to add an overlay to your images which fades or moves in on mouse hover. The overlay can be an image or HTML content. The default magnifier spotlight is a perfect match to be used with a lightbox.

Features

  • Create nicely animated image overlays
  • Supports custom image or HTML content overlays
  • 5 different animation modes
  • Build on the latest jQuery version
  • Works with Joomla, WordPress and Stand-alone

Examples

If no custom overlay is set the default spotlight fades in an overlay with an magnifier image. If you define a custom overlay you can choose between different animations - fade, bottom, top, right and left.

How To Use

Use the HTML5 custom data attribute data-spotlight to activate the spotlight.

<a data-spotlight="on" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
</a>

To create a custom overlay use a div element with the CSS class overlay. You can set the effect parameter to the data attribute. For example:

<a data-spotlight="effect:bottom;" href="/mypage.html">
	<img src="/image.jpg" width="180" height="120" alt="" />
	<div class="overlay">Custom Overlay</div>
</a>

You can set the effect parameter to fade, bottom, top, right and left.

Hubungi Kami

Demo Image

  • No Tel: 04-5792300
  • No Faks: 04-5759300
  • Email: Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.
  • Alamat: Kolej Komuniti┬áKepala Batas, No. 87 Lorong Bertam Indah 1, Taman Bertam Indah, 13200 Kepala Batas, Pulau Pinang.
  • mohe
    MOHE
    Kementerian Pendidikan Tinggi
    www.mohe.gov.my
  • akept
    AKEPT
    Akademi Kepimpinan Pengajian Tinggi
    akept.mohe.gov.my
  • upu
    UPU
    Kemasukan Pelajar Pendidikan Tinggi
    upu.mohe.gov.my
  • jpkk
    JPKK
    Jabatan Pengajian Kolej Komuniti
    www.jpkk.edu.my
  • hrmis
    HRMIS
    Sistem Pengurusan Sumber Manusia
    www.eghrmis.gov.my
  • esis
    eSIS
    Staff Information System
    www.esis.gov.my/esis2