fancybox

问题 For some reason it's just not running the onComplete function. It does however load the fancybox div. My html: <ul> <li class="orange"> #1 <a href="#text">click here</a> <div id="text" class="text">text text text</div> </li> </ul> My jquery: jQuery('li a').fancybox({ 'autoDimensions': 'false', 'width' : 631, 'height': 256, 'onComplete':function(){ alert('running'); jQuery('.fancybox-skin').css('background-color',colour); } }); the alert doesn't run. I've also tried changing the event function

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I am looking for a light weight, cross-browser compatible lightbox with features of displaying a pop-up window. I want to keep the popup window to be run in the lightbox and no matter what they do in the lightbox, the lightbox should never close until it is either clicked somewhere in the black area or by simply

问题 I'm using fancy box to create a popup and load another page on it using an iframe. here is my code <script type="text/javascript"> $(document).ready(function() { $('.calendar .day').click(function() { day_num = $(this).find('.day_num').html(); day_data = prompt('Enter Stuff', $(this).find('.content').html()); if (day_data != null) { $.ajax({ url: window.location, type: 'POST', data: { day: day_num, data: day_data }, success: function(msg) { location.reload(); } }); } }); }); $(document).ready

问题 I wonder if there is a way to use the fancybox with Image maps? <img src="\path\" usemap="#Map"> <map name="Map" id="Map" > <area shape="poly" coords="0,0,0,328,145,328" href="#" /> <area shape="poly" coords="0,0,180,0,328,328,142,328" href="#" /> <area shape="poly" coords="328,328,328,0,180,0" href="#" /> </map> 回答1: So you want to show a single image in a fancybox with an image map? It is possible to add the map to the image of fancybox in a couple of ways, For example, you could add it to

问题 I'm using fancybox2 plugin. When I click image slider working but youtube video still visible in background. html code holding embeded videos <iframe width="344" height="229" src="http://www.youtube.com/embed/o6qNGUAciB4" frameborder="0" allowfullscreen=""/> and javascript code <!-- Add mousewheel plugin (this is optional) --> <script type="text/javascript" src="<?=$this->session->CI->config->config['js_path'];?>/jquery.mousewheel-3.0.6.pack.js"></script> <!-- Add fancyBox --> <link rel=

问题 Alright, I thought I implemented this correctly, but I guess I must've goofed somewhere. Here's my code: Jquery here: jQuery(document).ready(function( $ ){ $(function() { $( ".cta-nav-hover" ).tooltip({ show: null, position: { my: "right+40 bottom", at: "left bottom" }, open: function( event, ui ) { ui.tooltip.animate({ top: ui.tooltip.position().top - 10 }, 75 ); } }); }); $(function() { $(".fancybox").fancybox(); }); }); Then The HTML: <div id="cta-nav-wrapper"> <ul id="cta-nav"> <li class=

问题 How fix this problem in fancybox? Uncaught TypeError: Object #<Object> has no method 'fancybox' localhost/:74 (anonymous function) http://localhost/:74 o.extend.ready.o.readyList jquery.min.js:19 o.extend.each jquery.min.js:12 o.extend.ready jquery.min.js:19 o.each.o.fn.(anonymous function) Here is code in header.php I dont know where can be problem! I try use simplemodal but is not working! Maybe is problem with tabslider! I make everything that is write on fancybox website. <link rel=

问题 I have just switched to using Fancybox because I wanted the option of downloading images by right-clicking on "save image as". I've seen other websites do that. But, in my website, the option of "save image as" on right-clicking only appears in the middle section of the picture. When the mouse hovers above the left and right parts of the image, there is not such an option. My problem website is: http://www.lixiao-art.com/latest.html Why is that? and how can I have the "save image as" option

问题 I have a description box next to the pop-up image in fancybox, however when re-sizing the window from above (try it in jsfiddle), the image adapt to the change and reduce in size, but the description box maintains its size. I'm trying to give the description box the same height as the image, and at the same time reduce in size when window re-sizing in parallel with the image. Any help please. JSFIDDLE: http://jsfiddle.net/tqnk7e3f/4/ HTML: <a caption="<h2>Image Header</h2><p>Lorem ipsum dolor

问题 I just finished a website & went to upload it to the client's host, which is the same host that I use for my personal site. When I uploaded the site to his domain as an add on & tested the jQuery function, it doesn't run. I'm loading jQuery from Google via: <!--/ jQuery Inclusion--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> And it runs perfectly on my personal host setup, it just doesn't work at all on the new host. I called