lightbox

问题 I'm using a jQuery Lightbox Evolution plugin, and I have photo links inside a iframe. I wanna that Lightbox open outside a iframe, in a parent window. In the FAQ, i find that I can put some code on parent: <script type="text/javascript"> function frameload(iframe) { var doc = iframe.contentWindow || iframe.contentDocument; if (doc.document) { doc = doc.document; }; $('.lightbox', doc.body).lightbox(); }; </script> But dont work, because my code is generated inline, dynamic with php. So I dont

问题 I wonder if anyone has used this lightbox plugin and encountered a bug on IE < 9 ? It keeps crashing my IE8, and IE7, but it is ok on IE9. Any idea how to fix it? or any other alternatives? I would like to use this lightbox plugin because it allows me to embed videos from youtube and vimeo. Other lightbox plugins which allow me to run videos will be perfect! Thanks. EDIT: Found the bug - jquery-1.6.min.js !!! It works fine now with - https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery

问题 I am building a wordpress website. I am implementing isotope for image layout and filtering (isotope.metafizzy) I have configured Isotope already, so that images are layed out and filterable, this is all working fine. I am using a custom template of NextGen Gallery to generate the necessary image thumbnails and code for isotope to pick up. I want to open the images inside a lightbox so that the larger versions can be viewed (probably using Lightbox2 in wordpress - but maybe will use Shadowbox

问题 I'm using the JQuery prettyPhoto lightbox clone, and it works great, but I have one small issue. All images have the following format: <a href='imageURL' rel='prettyPhoto[gallery1]'><img src='imageURL' style='height:100px;' title='photoname' /></a> I have 4 images showing and another 10 hidden using a <div> with style='display:none;' . Clicking any of the 4 images opens the gallery, showing all 14 photos. That's fine. But I also need to have a link saying 'view all 14 photos' that, when

问题 I am using the fantastic PrettyPhoto Lightbox, a Jquery lightbox clone. To launch a lightbox with an iframe this is the code <a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> This works great! The problem is that I am using javascript to make some of my div's links with this code <div onclick="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="menuitem">

问题 What's the smallest lightbox plugin for jQuery (in terms of size)? Something close to Fancybox, but smaller :) 回答1: I have used this sometime ... http://www.digitalia.be/software/slimbox2 It's only 4K . 回答2: I wrote a low-level jQuery lightbox script called Nitelite : https://github.com/premasagar/nitelite (it's 1.4KB when minified and gzipped) It is the kind of thing that can be either used on its own, or to build more feature-rich lightbox plugins. It's been used in production on a couple

问题 I would like to make a modal window using prototype and scriptaculous. I was wondering if there is any site that has a tutorial or if anyone could kinda give me some idea where to start. (I don't want a prebuilt one) 回答1: In addition to Control.Window, here are some others I have found: http://okonet.ru/projects/modalbox/index.html (very nice, and free) http://prototype-window.xilinus.com/download.html (looks pretty good) http://dzone.com/snippets/javascript-dialog-box-based (not packaged,

问题 (works fine in Chrome on the iPhone ) I get this error: TypeError: 'undefined' is not an object (evaluating 'win.location') in dg.js line 3 And the lightbox does not open. The code in question inside PayPal's dg.js is: startFlow: function (url) { var win = that._render(); if (win.location) { win.location = url; } else { win.src = url; } } So does mobile Safari not understand that._render() ? How do I get around this? If it matters, I'm using Adaptive Payments , calling it like so: var dg =

问题 I have this code <div id="c01" class="hider"> < a href="flash.swf" class="bump">flash</a> </div> and it displays flash content within a bumpbox (lightbox alternative) window. It works perfectly, but there is a fullscreen button in the flash animation and it do not works. The other button (to stop the animation) works ok. I find out, that with this <embed src="flash.swf" width="100%" height="100%" allowFullScreen="true"> </embed> fullscreen button works fine, but the flash animation runs since

问题 I built a popup using this article and it looks really good. Here is what I did: <button id="open-popup">Play</button> <div id="popup-box" class="modal"> <div class="popup-content"> <span class="close">×</span> <p>[vimeo shortcode]</p> </div> </div> Here is the css /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: