fancybox

问题 Currently I use this code for apply Fancybox to a set of images not wrapped by tag <A> : $("img[alt=lightbox]").each(function(){ $(this).fancybox({ href : $(this).attr('src') }); }); Now I'd like to add to the same group all images added in this way. I tried with: $("img[alt=lightbox]").each(function(){ $(this).attr("data-fancybox-group", "gallery"); $(this).fancybox({ href : $(this).attr('src') }); }); Without luck, do you have any advice? 回答1: The answer for this question Fancybox gallery

问题 I have this code to display fancybox links. How it works now is: I select 4 entries from MySQL database which are matching a category. And again for all categories on my page. I set a rel='x' for entries matching category 'x'. Idea of what i want to do is 'go deeper into category'. It means when finish viewing 4 items from rel='x' group, select from mysql database nextcoming entry to display but not display at the page where these 4 links are. Entries are ordered by id DESC. <a class="various

问题 Can someone explain the difference between loading content into Fancybox via iframe vs Ajax? Also, is it possible to have a gallery (e.g. rel="gallery") with either iframed or Ajax'ed content? thanks. 回答1: When you use iframe mode, the opened page works as a totally separated and independent page from the calling page and it may have its own structure, functionality and styles. You could skip to open the page in fancybox and open it in a new window/tab. On the other hand, using ajax mode, the

问题 I'm having an issue with Fancybox 2.0 and Internet Explorer. It works fine on all other browsers. In IE is like the lightbox div comes on top of the iframe and I can't click any buttons. Also the position in the page is different than on other browsers. This are the parameters I'm using to call it $('.fancybutton').fancybox({ type : 'iframe', maxWidth : 800, maxHeight : 600, fitToView : true, width : '70%', height : '80%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect

问题 I'm using fancybox to open external urls. I tired this code for fancybox-html class a href: $(document).ready(function() { $(".fancybox-html").fancybox({ fitToView : false, width : '90%', height : '90%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); HTML: <script type="text/javascript" src="http://localhost:8000/media/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://localhost:8000/media/js/jquery.pageslide.min.js"></script>

问题 I need to update a section on my site frequently using ajax, jquery, and php. When the page first loads, it calls a javascript function that displays the content of that section. Then using json I check for updates and if there are results, calls the same function to display it. Now inside the ajax content there are links like <a href="news.php?id" class="ajaxpopup">title</a> to call fancybox but instead of opening a popup, it opens the page directly. If the link to call fancybox is not

问题 I am usng osCommerce latest version, I am using the Fancybox jQuery plugin for product images. In IE9 when we click an image, the jQuery lightbox appears. In my website header I am using a flash animation, The problem is that the flash animation appears front of the jQuery light box in IE9. In other browsers, it's working well. Please help me fix this. Please see the image: http://i46.tinypic.com/2gujmnc.png 回答1: Set wmode="opaque" to your flash objects in the background. Check for reference

问题 This was all working before and all the sudden it stopped working and I can't seem to figure out if I've done something wrong. All I need is the left, right arrows and helper buttons to show when fancybox is open. Any help is much appreciated. ps. all files are there because it used to work just fine I just created a new page and it stopped working. <!-- Add jQuery library --> <script type="text/javascript" src="js/jquery-1.7.min.js"></script> <!-- Add mousewheel plugin (this is optional) -->

问题 I posted the same question on fancybox github a while back but the issue could not be solved at the time, so I thought I'd give it another try here: In Chrome, I open a fancybox iframe, then navigate using the links on the iframe page and then close the fancybox. After closing the fancybox, in order to go back, I need to click on back button as many times as the number of links I have clicked on the iframe page. So I guess that (in Chrome only - FF, IE work fine) any navigation I do on the

问题 Is it possible to specify which transition to use in fancyBox 3? There are 3 transitions I'm interested in: Open slide/gallery Navigate between slides Close slide/gallery By default, fancyBox 3 uses different transitions for different types of content. <a href="img.jpg" data-fancybox><img src="thumb.jpg"></a> <!--This will zoom in--> <a data-fancybox href="#html-content">Open</a> <!--This will fade in--> <div id="html-content" style="display: none;"> <p>This content does just fades in.</p> <