Spotlight
- Napisał iGO
- Comments (2)
- wielkość czcionki Zmniejsz czcionkę Powiększ czcionkę
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
- Built with the latest jQuery version
- Works with Joomla and WordPress
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
.
Ostatnio zmienianyniedziela, 31 lipiec 2011 16:28
Komentarze
perhaps the card is corrupted. People who travel out of the
country frequently, either for professional or personal reasons,
may often find themselves switching their SIM cards in and out of cell or smartphones.
They then donot have to change their phone numbers again and again and it would also save a lot of time and money.
My homepage ... giffgaff sim card where to buy: https://www.giffgaffed.com/
can put notes everywhere and just wait to get the prize because you really
know that it is already yours. Make sure you are firm in pushing the card back
in, but aren't forcing it into the slot. Hence, today there are numerous mobile service providers like Vodafone, O2, T-Mobile,
Orange, and giffgaff: https://Www.Giffgaffed.com/, Lebara,
Lyca Mobile and Virgin Mobile.
Kanał RSS z komentarzami do tego postu.