Code

Discussion on jQuery Lightbox Evolution

Discussion on jQuery Lightbox Evolution

Cart 6,189 sales

aeroalquimia does not currently provide support for this item.

1433 comments found.

Lightbox show under iframe boxes like Facebook Like button, twitter button, or Google AdSense banner using Chrome, but it’s work ok under IE.

I can hide all iframe tags when lightbox is open?

Any chance to add Facebook Like button when open picture?

Regards.

Great script, I might buy it..

I just tested your LIVE PREVIEW page on my iPad 1 (ios5), and the images where NOT loading in the middle of the page, I had to scroll up or down to see them?

Your CHANGE LOG states this is fixed on iPad and iPhone? Is live Preview running the latest build? or is it a old build?

The demo is old. I’ll update it soon.

I’m using your Slider Evolution script along with this one (absolutely fantastic job, btw!).

I was wondering if it was possible to make the slider pause when the thumbnail is clicked, and then resume when the lightbox is dismissed. I’ve tried a couple of things but not had any luck.

Thanks again,

Hi,

is it possible to switch between the iframes with arrows like in the image gallery?

Thx for your support…

Hi! It’s a very nice plugin. I have only one question: is there a way to display the close button inside the box when the box content is HTML (not an image)? I would like the close button was exactly equal to the close button when the contents of the box is an image, regardless of content to be an image or HTML .

HI and thank you for this great script. However, I have three issues regarding the display. 1. When I click the below link it takes me to a white blank page instead of showing the content: Open

2. Inserting the jquery script shows the screen horizontal bar.!! How can I remove that one? It only appears when I add the jquery insert line:

3. It doesn’t seem to support Arabic language, does it?!! The problem is that it shows the Arabic letters as squares.

BTW , I’m a CMS developer which is used by hundreds of local websites here. Currently, I’m working on a new version which might use your script if everything went okay. I’m trying to implement your script in various parts like images viewing, video, login …etc. Thus, I will need to buy a license for each website if so. Regards,

Could you send me a email? I don’t see the code from here.

Sorry, this is the link ( this ). If it’s not working contact me via profile.

@roland_groza: Thanks for your reply. Link is not working. FYI

Hey mdeliveli, I noticed your question about custom navigation. Yes, it can be aquired. I have customized it for myself too.

If you check the link from my previous comment, you will see the theme working, with other buttons for navigation.

All you have to do is work on the css file, and the png / gif you already have in the pack. You also have the psd on which you can work to build your own theme.

Hi, it is possible to show the LightBox onload just once per user?

I know I can show ONLOAD , what about just once per user? If the same user open the page again it is not shown??

Thanks

Download the jQuery cookie plugin here:

http://plugins.jquery.com/files/jquery.cookie.js.txt

and do something like this:

$(document).ready(function() {

  x = parseInt($.cookie("lightbox"));

  if (!x) {
    $.lightbox("image.jpg");
    $.cookie("lightbox", 1, {expires:30});
  }

});

Change “image.jpg” with your image.

This is my 3rd time posting this question and sent an email before; still no answer…

Here we go again:

1) Are custom gallery arrows supported? The left and right arrows included are too small. I noticed that sometimes my visitors miss the other pictures in the gallery.

How can I use custom arrows and place them in the middle? e.g. The bigger right arrow will be on the middle right of the image and the left arrow will be on the opposite side.

2) Is it possible to move to the next image when it is clicked on?

Thank you

1. No. But you can choose another theme, like “carbono”.

2. Actually no. I’m thinking on how to integrate this on the next version.

Hey, great item again :)

I have something that I want to do, and it’s included in your documentation, but I’m using more things that are available and I don’t know how to make on work.

First I used the lightbox to show content with ajax, loaded from somewhere else out of the page. Second, I used it for displaying a series of images by clicking on a thumb, but none of the images are related through the thumbs ( each thumb has it’s own series of images displayed through the lightbox ). You can view it here .

And last, I want to add a custom button as shown in the documentation, which will link to another page. For example the themeforest buttons, Live Preview and Buy Now. I tried to add my custom button this way :

jQuery("a.buy").lightbox({ buttons: [ { 'class' : 'button-buy', 'html' : 'Buy Item', 'callback' : function(url, object, anchor) { title = jQuery(anchor).attr('title').split('|'); window.location.href = title[0]; } } ] } );

But it didn’t work. Can you give me some instructions for what I should do ?

Thank you :)

Replied via email.

I’ve been using this lightbox throughout the site and its been awesome so far. I’m having no trouble using it for basic stuff, but when I’m trying to add additional functionality to inline content, I’m having issues. Here is what I’m doing to launch the Modal with inline content.

$(“a.contact-me-btn”).live(‘click’, function(e){ e.preventDefault(); $(’#captcha-error-message’).hide(); $.lightbox(”#modal-contact-me”, { ‘modal’: false, ‘width’: 500, ‘height’: 450 } ); });

What I’m trying to do is bind some other jquery code to some of the form items I have contained within the modal. The main purpose of the code is validation. I haven’t been successful getting any other these to work with any kind of callback. Could you help? Here is the code I’m trying to bind to the inline content.

$.validity.setup({ outputMode:”label”, scrollTo: true});

$(”#form-contact-me”).validity(function() { $(”#sender_email”).require(“Year from is required.”); $(”#sender_message”).require(“School name is required.”).maxLength( 255, “School name must be less than 255 characters.” ); $.fn.formLabels.refreshLabels(); });

Please let me know how to get this to work if you can. At least some suggestions of things to try would be great!

$("a.contact-me-btn").live('click', function(e){
  e.preventDefault();
  $('#captcha-error-message').hide();
  $.lightbox("#modal-contact-me", {
   'modal': false,
   'width': 500,
   'height': 450,
   'onOpen': function() {
      $.validity.setup({
        outputMode: "label",
        scrollTo: true
      });

      $("#form-contact-me").validity(function () {
        $("#sender_email").require("Year from is required.");
        $("#sender_message").require("School name is required.").maxLength(255, "School name must be less than 255 characters.");
        $.fn.formLabels.refreshLabels();
      });   
   }
  });
});

Hello,

This looks pretty much like what I need, But have a quick question. Is there an option either in the plugin customization panel or plugin themes to have the navigation icons visible only on mouseover. Thanks very much in advance.

Regards, Ed

Yes with CSS , but doesn’t work on IE6 /8.

.jquery-lightbox-mode-image .jquery-lightbox-buttons
{
  opacity: 0;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  opacity: 0;
}

Hello,

This looks really like just what I am looking for but have a quick question. Is it possible through your customization or theme options to make the navigation (arrows and close) only visible on mouseover. That would make this exactly what I am looking for. Thanks in advance

Yes with CSS , but doesn’t work on IE6 /8.

.jquery-lightbox-mode-image .jquery-lightbox-buttons
{
  opacity: 0;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  opacity: 0;
}

This the third time I’ve posted this and I would really like it if you would respond even if it’s just to tell me that you’re not going to help me. Please. I’m trying to load a video with videojs (http://videojs.com HTML5 video using .mp4, .ogv or .webm depending on the browser). Is this possible in your setup without using an iframe? I’ve purchased your lightbox code twice so far and will continue to for future projects if you would be so kind as to respond. Thank you.

Hi, I’m sorry but isn’t possible.

Very nice and clean lightbox script, well done.

But, befor I buy it I want to know if I can use it with my PHP code. My programming skills are not very good :(

echo getProductThumbnail($prod[“ID”], “javascript:window.open(’”.getProductImageUrl($prod[‘ID’]).”’,’ProductImage’,’left=100,top=50,height=550,width=550,resizable=1,scrollbars=1,status=1’);void(0);”, $prod[“TITLE”], $prod[“CATEGORY_ID”], ‘220’, ‘220’, ’’, ’’);

Thanks

Sorry for the simple question: I have a lightbox opening with a flash quiz inside. It works ok but the window is a little small. How can I alter the size of the lightbox?

Thankyou in advance. Excellent script.

You have an example called “Open flash in fixed size”. Just add

?lightbox[width]=700&lightbox[height]=400

at the end of the url.

Thankyou for your excellent and rapid support, works perfectly. I would highly recommend this script to anyone – 10/10!

@aeroalquimia

Are you available for questions anymore? I only ask because I have send you 2 mails without getting any response!!??

I was asking if only one easing effect is available, like the one that is used for the examples (dropping down from top of the page) or if there are more options available. I asked you about the effect that fancybox.js is offering. It makes the modal pop out directly from where the link was clicked. Like if you click a thumb, the modal zooms out of that thumb to full size screen and backwards. Pretty cool effect.

Does you plugin do such things?

Thanks for any help.

Only from top. If something doesn’t show up in the example, that’s because it isn’t possible with this plugin.

Hi, I’m interested in purchasing this and I have a few questions: 1. is this ipad compatible? 2. is this honeycomb tablet compatible? 3. I’m a little confused by the licencing. If I purchase the extended licence, can I use it on multiple commercial sites that I develop?

Cheers

Thanks for the clarification on licensing. Also I checked your demo page on an ipad and it doesn’t work. Your demo page opens the image but it’s out of sight and you have to scroll down the page in order to view it. Hardly ipad compatible!

The demo is very very old :)

Demo Version: 1.3.9 (Dic 11 2010)
Last Version: 1.5.5 (Oct 14 2011)

Ah I see! that’s working against you unfortunately, I looked around and have found another script because of that. Let me know if you update the demo page and I’ll check it out some time. However not offering any support for tablet OS’s could be a deal breaker for me, I really want my sites to work properly on those increasingly important platforms.

Cheers

B

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey