fancybox-2

Saving images in Fancybox

戏子无情 提交于 2020-01-06 19:48:13
问题 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

Use differents types of titles in one Fancybox gallery

笑着哭i 提交于 2020-01-06 14:53:30
问题 I make a topic, today, because I've a problem with the plug-in Fancybox 2.0 (http://fancyapps.com/fancybox/). In fact, I want to set different types of title, according the media that is currently in the fancybox. If there is an iFrame in my Fancybox, the title must be "outside". Else, if it's other media, the title must be "over". $(".fancybox").fancybox({openEffect: 'elastic',closeEffect: 'elastic',beforeShow: function() { share_buttons_fancybox = '<div class="center" style="margin-top:10px

Use differents types of titles in one Fancybox gallery

只谈情不闲聊 提交于 2020-01-06 14:53:09
问题 I make a topic, today, because I've a problem with the plug-in Fancybox 2.0 (http://fancyapps.com/fancybox/). In fact, I want to set different types of title, according the media that is currently in the fancybox. If there is an iFrame in my Fancybox, the title must be "outside". Else, if it's other media, the title must be "over". $(".fancybox").fancybox({openEffect: 'elastic',closeEffect: 'elastic',beforeShow: function() { share_buttons_fancybox = '<div class="center" style="margin-top:10px

Is it possible to launch a fancybox iframe on page load?

感情迁移 提交于 2020-01-06 13:53:40
问题 I have googled "fancybox, open onload" all afternoon, but none of the answers seems to match what I'm trying to do. My fancybox set-up works like this: www.casedasole.it/fancybox/ i.e. it launches an iframe. The fancybox website gives two examples of Launch fancyBox on page load (point 10), but in both cases it's handling images. The box I want to appear is an iframe with text, and links in it open within the iframe. I found a way of opening onload a hidden div as a fancybox window (see

Fancybox navigation arrows and close button do not have transparent hover

江枫思渺然 提交于 2020-01-05 04:17:05
问题 Using fancybox 2.1.5 in wordpress, when I hover over the left or right side of the pic, I always get a grey overlay instead of the regular transparent one. Can someone take a look, what has gone wrong? http://homesweet.homelinux.org/wordpress/index.php/2013/09/06/mindennapok-25/ (just click any of the pics) 回答1: Normally it's not a good idea to set css rules to global elements but use specificity instead. You have this css rule in the line 62 of your style.css file : a { color: #DCDAD5; text

change fancybox size

百般思念 提交于 2020-01-04 06:32:16
问题 I show an iframe with fancybox. Inside the HTML of the iframe I do this: <body style="width: 650px; height: 430px;"> Then in JS I do the followig: $(".popup").fancybox({ padding : 0, closeBtn : false, autoSize : true, fitToView : false, beforeShow: function() { this.width = ($("iframe").contents().find("body").width()); this.height = ($("iframe").contents().find("body").height()); } }); Where ".popup" is: <a href="url.php" class="popup" data-fancybox-type="iframe"> If inside that iframe I

Close Fancybox modal window and reload the page after login form has been submitted

£可爱£侵袭症+ 提交于 2020-01-03 20:16:30
问题 I've got a login form opening in a FancyBox 2 modal iframe window. But when you submit the form, the web page is opening within the modal. Can anyone tell me if and how to make the Fancybox modal close, and the underlying page re-load when the login form is submitted please? Here's my current code - within a functions.js file: $(".login-popup").fancybox({ maxWidth : 310, height : 300, autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); And here's my login link:

How to keep the jQuery UI dialog opened when closing fancybox using the “escape” key

空扰寡人 提交于 2020-01-03 07:01:09
问题 This is a reformulated question from the original posted here I have a page with a jQuery UI Dialog, and I open Fancybox from a link inside of such Dialog window. The typical UI Dialog init is like: $("#dialog-modal").dialog({ height: 240, modal: true }); // dialog ... and the typical Fancybox (v2.1.1 in this example) init like: $(".fancybox").fancybox({ closeClick: false, helpers: { title : { type : 'inside' } } }); // fancybox ... so far so good, nothing special. Then the html : <div id=

jQuery FancyBox YouTube videos not working

馋奶兔 提交于 2019-12-29 09:39:06
问题 I have a situation whereby I cannot modify the HTML code for the anchor tag, with the exception of the 'href' attribute. So adding a class to the anchor tag is not an option. The HTML markup is as follows: <a href="http://www.youtube.com/watch?v=#########&autoplay=1"></a> To distinguish between this and other links, I have added a selector based on the 'href' to the jQuery code. The code is as follows: (function ($) { $('a[href*="youtube"]').fancybox({ 'padding' : 0, 'type' : 'swf', 'href' :

previewing php/jquery form in fancybox, then submit or return to form

ぐ巨炮叔叔 提交于 2019-12-29 09:21:59
问题 I've got a basic html/php form, with jquery validation. I want the user to be able to click a link that says "preview", have fancybox load up, and then I'll present a preview of the data, which means combining elements. For instance, the user can choose the background of the iframe. Here is the basics of my form - <form action="loggedin.php" enctype="multipart/form-data" id="message_form" method="post"> <h4>Who would you like to send a message to?</h4> <input type="text" size="35" id=