fancybox

问题 I am rather new to all things JavaScript so please bear with me :) I am trying to add ShareThis plugin to the title of FancyBox so that users can share a certain picture. It shows up nicely but nothing happens when I click on "share" buttons. Same plugin works on a regular page just fine, so I am guessing it's conflicting scripts (plugin script inside the FancyBox script). Unfortunately, I don't know JavaScript well enough to solve it on my own, but I really need this to work... If anybody

问题 I am rather new to all things JavaScript so please bear with me :) I am trying to add ShareThis plugin to the title of FancyBox so that users can share a certain picture. It shows up nicely but nothing happens when I click on "share" buttons. Same plugin works on a regular page just fine, so I am guessing it's conflicting scripts (plugin script inside the FancyBox script). Unfortunately, I don't know JavaScript well enough to solve it on my own, but I really need this to work... If anybody

问题 I have a page that loads and after it loads, it pulls in a list of LIs to populate a news feed. <li><a href="/url/" class="quickview">quick view</a></li> <li><a href="/url/" class="quickview">quick view</a></li> <li><a href="/url/" class="quickview">quick view</a></li> I'm trying to get fancy box to trigger when a user clicks on quick view but haven't had any luck. Any Ideas? $(document).ready(function() { $('.quickview').fancybox(); }); also tried: $(document).ready(function() { $('a

问题 Does anyone know how to resize the jQuery Fancybox during runtime? When initializing the fancybox I can do this: $("tag").fancybox({ 'frameWidth': 500, 'frameHeight': 700 }); I am filling the fancybox with dynamic content and I want it to resize according to the content. 回答1: If you are using version 1.3 of Fancybox, there is a resize method: $.fancybox.resize(); For version 2.x of Fancybox the same would be done with: $.fancybox.update() Which will resize the active fancybox based on the

问题 I have a site with some very tall images. I'd like for these images to respond in a responsive way horizontally, but not vertically. If they conform to the height of the browser, they become too small to see properly. Is there a simple way to accomplish this that I'm missing? See an example below. Click on the second thumbnail "bswift", then a small grey square to launch Fancybox. http://www.eaaronrossdesign.com/index2.php 回答1: Try combining the fitToView and maxWidth API options like : $('

问题 Both the thumbnail tooltip and the gallery image title are ofc taken from the same title HTML attribute. I would like to have different content for the thumbnail tooltip and the image title. eg I would like the tooltip to say: Sculpture name and the image title to say: Sculpture name: Height 123cm Is there a way to do this? Many thanks. My current HTML: <a class="fancybox" rel="works" title="Sculpture1 Height:1232mm" href="images/Sculpture1_large_res.jpg"><imagetag alt="Sculpture1 Height

问题 I have 2 pages, my index.html and social.html. I cleaned out my index and left only the jquery code need for fancybox What I am trying to do is to have images inside social.html and when clicked on it, it would open fancybox and show it but in index.html not inside the iframe. The error that comes up is: Uncaught TypeError: Property 'showImage' of object [object DOMWindow] is not a function (anonymous function)social.html:103 onclick this is my index.html: <script type="text/javascript" src=

问题 I'm developing a site and I want to add some new features. I'm using Fancybox and it works great! Here's the problem: When you click on a POI some of them have more than 1 photo , so with the following code as you can see it triggers correctly the fancybox but it only shows 1 photo and not the entire gallery. What im doing is that i just copy that html inside of the hidden div and append it to another so i can trigger it correctly , maybe im complicated myself way too much :/- It works but it

问题 Just trying to figure out how to change options of fancybox buttons to snap them on the right bottom corner of sliding images. fancybox template example http://fiddle.jshell.net/t91p3g7s/?utm_source=website&utm_medium=embed&utm_campaign=t91p3g7s arrows position that i want to achieve: buttons right-bottom corner 回答1: You can force on CSS. It's simple. Just add this css: .fancybox-next { bottom: 10px; top: auto; width: 30px; height: 30px; } .fancybox-prev { bottom: 10px; top: auto; width: 30px

问题 I have fancybox working as a stand-alone page , but when I integrate the code back into the page I want to display fancybox, I get nothing. This is for the portfolio link on the page. Any advice would be greatly appreciated. 回答1: You have quite many JavaScript errors on your page. Open developer tools to see them (hit F12 and open Console tab). JavaScript errors might prevent further execution of the code and therefore fancyBox might not work. 来源： https://stackoverflow.com/questions/20702215