lightbox | 易学教程

How to add a close button to jquery Lightbox?

阅读更多关于 How to add a close button to jquery Lightbox?

问题 I recently made a Lightbox and I want to add a close button to it. Here is what I have: <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { width:600px; height:560px; padding: 16px; top: 5%; left: 25%; position: absolute; display: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:2px

Lightbox without rel tag or addRel without jQuery

阅读更多关于 Lightbox without rel tag or addRel without jQuery

问题 This is the idea. I want to put a lightbox (or slimbox or mediabox or whateverbox) on my forum so that it will open user-posted links in lightbox. Problem is, lightbox requires the rel=lightbox tag, and people are too lazy to use the custom bbcode that adds the correct rel tag to the link. So, can lightbox (or any other) work for all links without the rel tag? The alternative is to add the rel tag to all links. I can use the 'addRel' function from jquery, but it would be a waste to include

Accessible, mobile-friendly lightbox?

阅读更多关于 Accessible, mobile-friendly lightbox?

问题 Is there any lightbox solution (along the lines of Fancybox, etc.) that is both accessible (VoiceOver & JAWS, etc., compatible, with perhaps WAI-ARIA roles) and mobile-friendly? Bonus points for being a jQuery plugin. 回答1: It might be too late for you but I'll answer for people who may land here from Google search: recently I used NETEYE Touch-Gallery and it worked pretty well, at least on iPhone and Android. 回答2: I am making the same research at the moment to integrate into our project! I

Scroll div instead of page

阅读更多关于 Scroll div instead of page

问题 I have a lightbox of sorts on a website I am working on which acts like a "View Source" button. The background goes dark and the source appears but will only scroll if you have your mouse over that particular div (or in this case pre ). I want to able to, for example, have my mouse in the top corner of the page and scroll down and I want the main lightbox to scroll. There's loads of code so I've used: overflow-x: hidden; overflow-y: scroll; I'm sure it will require some JavaScript or jQuery,

Ckeditor and Lightbox not work

阅读更多关于 Ckeditor and Lightbox not work

问题 Good day! I did everything by this http://ckeditor.com/addon/lightbox instruction, but I have always produces this error (when press button lightbox): Uncaught TypeError: Cannot read property 'split' of undefined code: <!DOCTYPE html>  <html> <head> <meta charset="utf-8"> <title>Replace Textarea by Code — CKEditor Sample</title> <script src="..

Navigation bar messing with other elments in CSS

阅读更多关于 Navigation bar messing with other elments in CSS

问题 Hi there i had a nav bar which was working perfectly. Then i added a lightbox effect. Both work perfectly however in my css they are messing up. When i added some css to lightbox effects to the div it messes up my navigation bar. I think its something to do with the a tag. My code is below Html: <div id="nav"> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">Regsiter</a></li> <li><a href="#contact">Rules</a></li> <li><a href="#about">Photo's</a></li> <li><a href="#about">Contact Us<

Stop and play Iframe video when lightbox closes

阅读更多关于 Stop and play Iframe video when lightbox closes

问题 I'm making a lightbox that is supposed to show a youtube video. The first problem that I encountered, was that my youtube video would still play when I closed the lightbox. I then added: $('iframe').remove(); __ But then the iframe goes away offcourse , and only a blank box opens when i click the link activating the lightbox. How do I make my iframe load again, after removing it? Or, is there another way of making the video stop when I close down the lightbox? My code is here: <html> <head>

nivo slider and lightbox conflict jquery

阅读更多关于 nivo slider and lightbox conflict jquery

问题 Can anybody help me with this jquery function. I know it is a conflict with both, but i dont know what i must change. It works both allown on the page. But toghter the lightbox doesn´t work. Lightbox <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> Nivo slider <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

overlay with dynamic php content the right way?

阅读更多关于 overlay with dynamic php content the right way?

问题 I am having a few problems displaying dynamic content from a click function and into sort of a light box I made. there is three files as listed: index.php In the index I have a foreach with all the records from the table and the record id. <?php foreach($id as $id){ ?> <div class="event"> <a class="id" href="javascript:void(0)" id="<?php echo $id;?>">click to see more</a> </div> <?php } ?> jquery file In the jQuery file I'm getting the id of the element I'm clicking. now I want to pass it

jquery lightbox does not load images

阅读更多关于 jquery lightbox does not load images

问题 I am trying to get this lightbox to work and I'm not quite sure what I'm missing. My relevant code is as follows: <head> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="jquery.js"></script>  <script type="text/javascript" src="jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $("img.comidas")