1433 comments found.
Hi,
Is it possible to show the loading spinner by default, regardless of what type of media is being loaded, such as PDF , iFrame, JPG and so on.
I just need a gif animation to play regardless so that there is some indication of activity to the user when downloading PDFs for example.
Thanks in advance.
Paul
Is it possible to change the toolbar color or image?
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
Is there any way to resize popup while it’s opened? For example, I open popup and withing that I do some PHP check and if some value is wrong, then I would like to show some message and resize the popup (to make it smaller).
Is this working with facebook iframe Apps? I checked the docu, I am unable to add something to the iFrame load, as facebook does not allow that.
Thanks.
As you said, facebook doesn’t allow that.
ok, but there is no workaround? : )
I have jQuery 1.6.4
In Internet Explorer 9, a single image works fine. But a gallery (rel=”group1”) doesn’t work.
In Firefox, all works fine.
Can you confirm this bug? Is there a solution?
(Your example on this page uses jQuery 1.4.4 and there is no problem)
There isn’t any known issue with Internet Explorer 9. What version of Lightbox Evolution do you have? Did you download the last release?
Best regards.
ok, i figured out the problem with the IE9 Debugger.
it was the “DivX HiQ” AddOn, which loads javascript, which produced an error. All other javascript-code on the site was working, only gallery mode of Lightbox didn’t.
Deactivated “DivH HiQ” and all works fine!
(Yeah, i have the latest release of Lightbox Evolution)
Even tho I had a subject that read “This is a test”, the alert($(’#txtEmailSubject’).length); threw a “1”
var s contains nothing var b contains nothing
here is my code…
<!-- Email lightbox -->
<div id="sendEmail" style="width:500px; border:2px solid #ececec; padding:5px; margin-right:auto;margin-left:auto;">
<h2><strong>Send an Email</strong></h2><br />
<b>Email Subject</b><br /><asp:textbox cssclass="texta" id="txtEmailSubject" width="350px" runat="server"></asp:textbox><br /><br />
<b>Email Message</b><br />
<asp:textbox id="txtEmailBody" height="100px" rows="6" textmode="MultiLine" width="500px" runat="server"></asp:textbox><br /><br />
<input name="save" class="mediumButton" id="save" value="Send Email" type="button" onclick="sendEmail()" style="width: 100px;" /><br /><br />
<script>
function sendEmail() {
var s = $('#txtEmailSubject').val();
var b = $('#txtEmailBody').val();
var caldata = "e=<%= strEmail %>" + "&s=" + s + "&b=" + b;
$.ajax({
type: "POST",
async: "false",
url: "Contact_Send_Email.ashx",
data: caldata,
success: function (msg) {
if (msg.length == "Sent!") {
//ajax error
apprise("Email Sent!");
$.lightbox().close();
return
}
else {
apprise("Email was not sent, there was a problem sending it. Please try again in a few minutes.");
return
}
}
});
}
</script>
</div> <!-- End Email lightbox -->
Could you send me the URL ? I can’t understand the code without looking at the context.
I have a lightbox that opens, and inside it is textfields, i am trying to get the value of the textfield by using jQuery…
var subject = $(’#txtEmailSubject’).val();
but, subject is empty.
Maybe I can not access the fields inside the lightbox? or jQuery can not find the textfield?
Any ideas for me?
alert($('#txtEmailSubject').length);
If it throws 0, txtEmailSubject doesn’t exist.
Hi,
I just purchase this item but I have a problem for open box via JavaScript.
The dialog opens in the first click, but the second click has no effect. I was debug via firebug and the event click is calling in the first time and the second time, but in the second time the box not open.
The code:
Script js
$("#btnLoginRegistro").click(function() {
$.lightbox("../html/loginbox.html", {
'width' : 450,
'height' : 300,
'modal' : true,
'autoresize' : true
});
return false;
});
HTML
<input id="btnLoginRegistro" value="Login" type="submit" />
is there any script inside of loginbox.html?
Thanks guys… Seems I totally overlooked that.
Should have used my eyes better.
Long days = tired. Sorry.
Thanks once again. Works perfectly.
In response to my post above. In this discussion I see this suggestion.
jQuery(document).ready(function($){
$.lightbox(”#myhiddenimage”);
});
My only problem is my image is very tall and on some browser needs to be resized. Using lightbox evolution with the above does not resize the image. If I use the traditional image rendering of lightbox it does resize it but then it is not clickable.
So perhaps now I need a way to make the image in the resizable.
Is it possible to open an image and have it with a clickablelink ?
I’m really trying to use this as an adserving script. My ad is a jpg image which would show automatically via javascript but I need to have the image clickable so when you click on it you are taken to another page. Is this possible?
I wish I could search comments easily… but you have so many it’s too difficult…
Here’s my question, and maybe it’s obvious… I want to show inline content in the lightbox… which is working… however, the inline content is also displaying on the page too…
I need to hide the inline content on the page and only show it in the lightbox.
Your examples show the same inline content that is being displayed in the lightbox, so that I can’t figure out how to hide it on the page and only display it once the user clicks the link.
<div id="hiddencontent" style="display:none"> </div>
You can use js too. There is an example called “Show HTML via javascript” in the help file.
Hello, I am outputting this through a content management system that strips out “style” statements, so I cannot put “style=”display:none” in the markup. I tried adding a class to the div then having that class display none in my stylesheet, but that makes the content on the lightbox also display none. I don’t understand how to do it with Javascript, the example in the help document doesn’t seem to apply to my situation at all. I am trying to display inline html—of embedded videos from Kaltura.
HELP ! All I need is for the markup to take a class that will hide it in the regular html, but not hide it in the lightbox.
Use a wrapper:
<div class="hidden_content">
<div id="video">
hidden content here
</div>
</div>
.hidden_content
{
display:none;
}
<a href="?lightbox[width]=500&lightbox[height]=340#video" class="lightbox">SHOW VIDEO</a>
How can I modify below code, to open content from page.php?
<script>
jQuery(document).ready(function(){
var html = $("<div class='center'>This is new popup...<br /></div>");
$.lightbox(html, {
width : 350,
height : 150
});
});
</script>
So javascript call to replace:
<a href="page.php?lightbox[width]=80p&lightbox[height]=80p>" class="lightbox">Open</a>
<a href="#" onclick="jQuery.lightbox('page.php?lightbox[width]=80p&lightbox[height]=80p'); return false;">Open</a>
<script type="text/javascript">
jQuery(document).ready(function($){
$.lightbox("assets/config.png");
});
</script>
this is in the documentation.
Hi there,
I have a quick question; is it possible to load the popup automatically? For example; when someone goes to our website and once the page has been loaded, it will popup the lightbox?
Cause we have a special announcement, which should be shown as soon as the page is loaded automatically (without clicking).
Let me know as soon as possible. Thanks!
<script type="text/javascript">
jQuery(document).ready(function($){
$.lightbox("assets/image.png");
});
</script>
there could be a way to make a print button or
<a>print</a>tag to print the image from within lightbox?
Currently I am opening the popup with this code:
Which is OK, but there’s a problem that when user goes over that link he gets shown that full URL , which I don’t want him to. So is there any chance to define popup url and settings somehow else, like:
... or maybe just call javascript function with OnCLick=”...”?
Open</a>
Hmm is it just my server being strange or does ?lightbox[force]=image take much longer to load the image than the original method without the parameter?
My images does not have a normal extension like ”.jpg”. I know that the gallery mode only works with images, but this is images just without a normal extension. Is there a way to make lightbox evolution to open in gallery mode even though the extension is missing?
Yes. You can force it with the param “force=image” like this:
<a href="myimage.php?lightbox[force]=image" class="lightbox" rel="gallery">Click</a>
Thanks for you reply!
The image is now showing up in the lightbox, but the problem remains that it is not in gallery mode. It looks like the gallery mode doesn’t get triggered when opening images with lightbox[force]=image. It only gets triggered when the image has certain file extensions.
Is there any solution for this? Shouldn’t gallery mode get triggered regardless if the image mode is triggered by file extension or by lightbox[force]=image?
Yes sir, you are right. I’m uploading a new version, it will be available very soon. Thanks for letting me know.