November 2, 2010

JavaScript Lightbox without JQuery

* The special feature for this lightbox is that
  • It works clearly on all browsers.
  • And it may provide lightbox facility to all need which developer focuses(display image,text,form,entire div element and so on)...
* A simple thing u need to do is just call the function openbox(1) via onclick,onmouseover...

* And mention the id="box" to the element u want to display under lightbox function.

* Before that u need to put the empty div with id="filter"

* Say for example

Element you want to display

[div id = "filter" ] [/ div ]
[ div id = "box" ] Element you want to display [/div]
[a href="JavaScript:void(0)" onclick="openbox(1)"]Click here to view lightbox[/a]


Note: Replace [ by < and ] by >

Demonstration:

No comments:

Post a Comment