fancybox-2

fancyBox v2: How do I prevent background scrolling in Chrome?

由 家住魔仙堡 提交于 2019-12-11 00:17:13
问题 I'm using fancyBox v2.1.4. In Chrome it's allowing scrolling of the main page when the fancyBox is open. I'm utilizing the locked: true but that doesn't seem to solve the issue. I have also considered using e.preventDefault to disable certain scrolling abilities as another option: $(document).ready(function() { $('.fancybox').fancybox({ 'closeClick': false, 'scrolling': 'no', helpers: { overlay: { closeClick: false, locked: true } }, beforeShow: function() { // considering some type of

Fancybox 2.1.3 preventing iframe from haivng scrollbars

由 主宰稳场 提交于 2019-12-11 00:04:09
问题 I am using fancybox.js version 2.1.3 to place external content into an iframe. I am doing this by placing the url followed by a div id (e.g. http://somesite.com#about), this seems to work however the problem is I have not found away to stop fancybox from scrolling. preventing scrolling is necessary since i will be placing several div ids on the same external page and then placing them in iframes with fancybox, and i do not want to give the viewer the ability to scroll down within the iframe

Fancybox 2.1.0 exclude trigger image from gallery [duplicate]

由 ε祈祈猫儿з 提交于 2019-12-10 19:13:18
问题 This question already has an answer here : Closed 6 years ago . Possible Duplicate: Fancybox multiple links to same gallery without duplication I'm using fancybox 2.1.0 with jQuery 1.8.3 to load up a gallery of images but it's not working quite how I want it to. I have a large main image then a set of gallery thumbnails underneath. Clicking either the main image or the thumbnails opens the fancybox gallery. The problem is the main image also features in the thumbnails, so when the gallery is

Fancybox 2 scrollbar disapears and site shifts to the right

由 梦想的初衷 提交于 2019-12-09 04:39:27
I have a small issue with fancybox 2. I'm now to the coding stuff so sorry if I am going to ask stupid questions. I got the fancybox working on the testsite but when I click on an image the box opens and the whole page in the background shifts to the right and the scrollbar disappears. I don't want this behaviour. The scrollbar should be there. It is on this site: http://elgaucho.lu/restaurant.php Can you help me please? Thanks in advance Andy As far as I can tell, you modified the original fancybox css file. You changed the line 167 from this .fancybox-lock { overflow: hidden; } into this

JS cookie for displaying content after x-th pageview

由 谁都会走 提交于 2019-12-09 01:59:09
问题 I am trying to find how may I set a javascript cookie so it displays a fancybox popup after say 4-th pageview of visitor. Here is the code that I am using to display a Fancybox popup, but as you may see, this displays the code only on first pageview and it expires after a day function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name +

Fancybox inline to have no scrollbars and be 100% and 'fixed'

由 白昼怎懂夜的黑 提交于 2019-12-08 11:03:21
问题 Not sure how to explain this, but here goes: Instead of Fancybox opening a 'box' on the page which can have a scroll bar inside it to view overflow content, I want the content to just sit on top of the current / parent content. So, at the moment, if the browser inner width was 800px and you were opening content that needed 1200px height, then the Fancybox 'box' height can be set at 800px and a scrollbar is used to scroll the content of the new 'box' (as the content is 1200px). I want to do it

history.pushState error using fancybox “Failed to execute 'pushState' on 'History': A history ”

由 假如想象 提交于 2019-12-08 10:05:07
问题 I'm using ' fancy box ' and I'm trying to change my url to be the url of the fancy box , so I try to use History.pushState() . but it makes error The error: Uncaught SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'about:blank' cannot be created in a document with origin 'http://localhost:28587' My code: var _url = window.location.href; setInterval(function () { if (($(".fancybox-iframe").length > 0)) { if(window.location.href != $('.fancybox-iframe'

Fancybox 2 scrollbar disapears and site shifts to the right

由 穿精又带淫゛_ 提交于 2019-12-08 08:39:14
问题 I have a small issue with fancybox 2. I'm now to the coding stuff so sorry if I am going to ask stupid questions. I got the fancybox working on the testsite but when I click on an image the box opens and the whole page in the background shifts to the right and the scrollbar disappears. I don't want this behaviour. The scrollbar should be there. It is on this site: http://elgaucho.lu/restaurant.php Can you help me please? Thanks in advance Andy 回答1: As far as I can tell, you modified the

Links within caption on Fancybox 2

由 为君一笑 提交于 2019-12-08 00:33:00
问题 I'm using Fancybox 2 to generate a gallery. As well as text, I'd like to have links in the captions of my photos, if necessary. Here's the page where I'd like to have links within the captions: http://catjohnson.co.uk/weddings By simply adding an html link in there (following this answer: In Prettyphoto.js or Fancybox... How to add a link within the caption) it breaks the photo within the gallery. I've tried following this http://jsfiddle.net/FWTZA/ and although it works, I lose my styling. I

Jquery Fancybox 2 adds a margin-right?

由 a 夏天 提交于 2019-12-07 16:28:55
问题 When I use the Fancybox 2 jquery plugin, a margin-right of 23px gets added (width of scrollbar). Here's the website (click on the Site Map button): http://kevinlouisdesign.com/projects/Canu/web/ What I don't like is that it makes the content jump to the left when the fancybox shows up. I'd like to get rid of this margin-right style. 回答1: It's a CSS fix. On the .fancybox-lock style, get rid of the overflow-y: scroll , so the style that looks like this: .fancybox-lock .fancybox-overlay {
订阅 fancybox-2