Support for jQuery Lightbox Evolution

aeroalquimia does not currently provide support for this item.

Popular questions for this item

What versions of jQuery are supported?

Only these:

  • 1.6.4
  • 1.7.2
  • 1.8.3
  • 1.9.1
  • 1.10.1
  • 2.0.2

Any version that is not listed here, it is not supported.

Why the script doesn’t work?

Make sure you don’t have multiple versions of jquery in your page. Look at the source view in your browser to see what jscripts you are loading.

For example:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.min.js" type="text/javascript"></script>
<script src=""></script>

jquery.js and jquery.min.js are the same script. Delete the last one if you can. Keep only one.

The shadow overlay doesn’t stretch to cover full browser window.

Remove the default margin and padding from the body tag. Add body {margin: 0; padding: 0;} to your stylesheet.

Is it possible to open automatically the lightbox popup upon opening the page?

Yes. Simply add the following code:

<script type="text/javascript">



Why Flash objects appear through overlay?

By default Flash will overlay any HTML content. This can be prevented by setting the ‘wmode’ param and embed attribute to ‘transparent’.

Read more information on Adobe Support.

AC_FL_RunContent( 'codebase', 'http...', 'pluginspage', 'http...',  'wmode', 'transparent', 'width', '99', 'height', '99', 'src', 'images/home', 'quality', 'high' );
var so = new SWFObject("home.swf", "home", "99", "99", "9", "#222222");
so.addParam("allowfullscreen", "true");
so.addParam("allowScriptAccess", "always");
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http..." width="999" height="999">
  <param name="movie"   value="images/home.swf" />
  <param name="quality" value="high" />
  <param name="wmode"   value="transparent" />
  <embed src="images/home.swf" wmode="transparent" width="999" height="999" quality="high" pluginspage="http..." type="application/x-shockwave-flash"></embed>

Lightbox is positioned incorrectly or behaving strangely in Internet Explorer

This is likely a doctype issue. This plugin requires a valid doctype and rendering in quirks mode is not supported. Make sure you are using the full doctype declaration to insure rendering in standards mode.

This abbreviated doctype renders the document in quirks mode for Internet Explorer:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

The doctype with URI renders in standards mode for all browsers:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">

How can I open the Lightbox from inside a Flash movie?

In your Flash movie you need to use getURL to call your custom callback function, like so:


How can I use JW Player 5 to play MP4 files?

Use this code:

<a href="player.swf?file=testmovie.mp4&stretching=exactfit&lightbox[width]=480&lightbox[height]=340" class="lightbox">PLAY VIDEO</a>


player.swf = path of the JWPlayer
testmovie.mp4 = path of the movie file

How can I use JW Player 6 to play MP4 files?

Add &lightbox[force]=jwplayer to the url of your video. For example:

<a href="bkaovAYt-364766.mp4?lightbox[force]=jwplayer&lightbox[width]=640&lightbox[height]=480" class="lightbox">Play</a>

I don’t like the fancy animation. Can I disable it?

Yes. Add this code to your page:

<script type="text/javascript">
$.extend(true, $.lightbox().options, {
  animation: {
    show: {
      duration: 400,
      easing  : "swing" 
    close: {
      duration: 200,
      easing  : "swing" 
    move: {
      duration: 400,
      easing  : "swing" 

If you want to use another animation effect, add this file [jquery.easing.1.3.js] to your page and replace “swing”, in the previous code, with any easing option which starts with “easeOut”.

Show more


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey