CodeCanyon

jQuery Lightbox Evolution

  • Australia
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • Interviewed on the Envato Notes blog
  • Microlancer Beta Tester
  • Sold between 1 000 and 5 000 dollars

We have an issue on Mobile devices ( such as iPad )

For example: the following code works great, and instantiates a slideshow in lightbox, with title text and clickable links. But on iPad devices, the titles and the images are not in sequence, example:

The second image, may show the title text for the 3rd image, and so on and so forth. They are not displayed in sync.

Code:
<script type="text/javascript">
      jQuery(document).ready(function($){
        $.lightbox([
        {
          href   : "/public/welcome/1.png",
          width  : 650,
          height : 450,
          modal  : true,
          title  : "<h3>Register for free <a href="/register/">here</a> to get all of the 422 features.</h3>",
          close  : false
        },
        {
          href   : "/public/welcome/2.png",
          title  : "<h3>Become a Suburb Reviewer <a href="/reviews/">here</a> and you could<br />win $100 Bunnings Voucher.</h3>" 
        },
        {
          href   : "/public/welcome/3.png",
          title  : "<h3>Agency Sign up <a href="/pro/xml/">here</a> and begin streaming your Listings for Free</h3>" 
        },
        {
          href   : "/public/welcome/4.png",
          title  : "<h3>Hey Tradies, get listed on 422 <a href="/services/">click here</a> immediately</h3>" 
        }
      ]);
        return false;
});
        </script>
  • Bought between 100 and 499 items
  • Europe
  • Has been a member for 3-4 years
Grphoto Purchased

Your fine plugin worked for long without any problem. But with coming of IE10 i have a problem. If i have a flash inside your lightbox sometimes when i close the box is still stay on screen the content of lightbox without the box in my screen. Any help to fix this?

aeroalquimia

A new version will be released soon :)

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years

Is there a fix for the IE10 issue? When you try to close a lightbox with a youtube video in it , the lightbox closes, but the video remains on the screen with no way to close it.

aeroalquimia

A new version will be released soon :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Does Lightbox Evolution support jQuery 2.0?

aeroalquimia

It will be. A new version will be released soon :)

  • Bought between 100 and 499 items
  • Europe
  • Has been a member for 3-4 years
Grphoto Purchased

For thegreat80s (and possibly answer the ericjsmith question) i had similar problem with flash, until aeroalquimia answer i discover if i change jquery 1.9.1 with jquery 2 that solve my problem. Until aeroalquimia reply maybe you must check this solution yourself.

  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
  • United States
fso Purchased

Just purchased and installed. How do I remove the easing in and out and just have the Lightbox fade in/out? I also need to make the image in the light box a link. Any help is much appreciated!

THX

aeroalquimia

This is on the help file :)

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

Regards,

Default-user
fso Purchased

Great, thx. How do I add a link to the static image though?

<script type="text/javascript">
  jQuery(document).ready(function($){
    $.lightbox("http://harlownyc.com/images/harlow_reserve_popup.png");    
  });
</script>
  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
  • United Kingdom
ducky280 Purchased

When loading the lightbox using a Iframe, the lightbox can tell the height of the HTML Area

Example:

div class="jquery-lightbox-html" style="height: 637.56px;

Is there anyway to call up the HEIGHT within the HTML in the iFrame so I can apply it to a Image Size???

aeroalquimia

It will be the 100% of your document.

JS:
document.height
CSS:
body { position:relative; }

.myimage { height: 100%; }

Regards,

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 0-1 years
  • Poland
  • Sold between 1 000 and 5 000 dollars

Hi, I would like to buy this product. I have 2 questions. Images stick closely to the border of the lightbox. However the movies and maps do not, leaving some white space which does not look good. Is it possible to fix it somehow?

Is it responsive?

by
by
by
by
by