fancybox

问题 Another Vimeo-related problem from a javascript noob... I've set my problem up here: http://jsfiddle.net/ajtTF/ When the link is clicked, it will load up an inline Fancybox modal with a Jquery inifinite carousel gallery. The gallery currently consists of 2 embedded Vimeo videos. All is fine, until the modal is closed, and then re-initiated. The modal now, for some reason, replaces the second video with the first video (ie, displays 2 instances of the same video, disregarding the other one). I

问题 I have several images in iframes that all open a fancybox in the parent window. The fancybox.js is set to autoplay:true, but I would like this image-gallery to pause autoplay when a user hovers the image inside the fancybox. As soon as the users hovers away, the autoplay should resume. 回答1: <script> $(document).ready(function() { $("#Your-div").fancybox({ autoPlay:true, //Sets AutoPlay to 3 seconds******************** stopOnHover : true, }); }); </script> 来源： https://stackoverflow.com

问题 I have an issue with Fancybox2, there is a very slight transparency during the transition from one gallery image to another. You can see a rough example of it on their site (the Image Gallery examples, second row): http://fancyapps.com/fancybox/#examples When the image transitions to the next one, you can see the background during a very short time. Now otherwise this wouldn't be a big issue, but on one of my websites there are 2 images that are very similar, and they have a slow "fade"

问题 I'm having trouble getting fancybox to trigger. I have it set up to trigger when you click an element. I still don't know why , but for some reason fancybox only works if i bind it using live() , sort of like this: $(document).ready(function() { // This works $('.fancybox').live('mousedown', function() { $(this).fancybox(); }); // This doesn't $('.fancybox').fancybox(); }); Read more about that here: Fancybox is loaded, but nothing happens, and no errors? The problem is, it only works if i

问题 How to put a popup fancybox with different content in different markers? I've managed to set up the fancybox but you can see that it is the same content for two markers. I would like to find a way to put different content in my fancybox for each maker. <script type='text/javascript'>//<![CDATA[ $(function(){ function initialize() { var mapOptions = { zoom: 4, disableDefaultUI: true, center: new google.maps.LatLng(45.35, 4.98), mapTypeId: google.maps.MapTypeId.TERRAIN } var map = new google

问题 I use fancybox to show larger photo's by enclosing a smaller photo in a link. This works fine. There was small problem with a tooltip jQuery app, that's why I get the var 'title_from_alt' and set the fancybox title with that. It's not so relevant. Okay, now I am retrieving a page via an AJAX-call. On the partial, there are new links with class 'fancyboxfoto'. But these newly added links do not have the fancybox attached to them. I read about .on and .live and so on, but they seem to want an

问题 whenever you open the window on full-size, everything is okay. However when you re-size the window horizontally, the thumbs shift and disappear. I want it to stay put like the large pop-up image, fixed in their position, so that the user on re-size would be able to see them by y-scroll. Any help please? JSFIDDLE: http://jsfiddle.net/ny9ytae5/4/ HTML: <a caption="<h2>Image Header</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

问题 I'm using jquery and fancyBox (may be replaced if you suggest). My goal is to create a popup gallery with next/prev buttons, but images must be shown grouped by two, just like paper book. I can easily show fancyBox popup and it works fine. $.fancybox( ['image.jpg', 'image.jpg'] ); But, where should i look to display pages by two? I believe I should write some plugin for fancyBox. Or maybe you can offer another way. 回答1: While it is not possible to display two photos out of the box, keep in

问题 I have been made a post model with picture upload and attached fancybox to display these pictures and this all works great. Example: <div id="pictures_in_form"><%= link_to image_tag(asset.object.image.url(:thumb)), asset.object.image.url(:big), :class => "fancybox", :rel => "gallery" if asset.object.image? %></div> But when I want to attach a fancybox to a single image, I have error: The requested content cannot be loaded. Please try again later. Example: <%= link_to (image_tag 'about_school

问题 Please see here for example: ( banners > dizzee rascal > see more+ ) http://www.ok-hybrid.com/store/wip/index.html As they are flicked through, I'd like each banner to show at the correct size. As is, they are all showing at 728x90 - the dimensions of the 1st banner in the gallery. I've used: $("a.fancybox_swf").each(function(){ var $a = $(this); var h = $a.data("height") var w = $a.data("width"); $a.fancybox({ 'width' : w, 'height': h and for the individual items: <a class="fancybox_swf"