Skip to main content

Posts

Showing posts with the label fancybox

Fancybox Thumbnail Opacity

By User
This may be obvious, but I can't find the answer anywhere after hours of searching. I just need the syntax to adjust the initial opacity of a Fancybox gallery. Not the overlay or anything like that - just the initial thumbnail opacity. I've tried changing every setting I can find in the fancybox js and tried overriding opacity in the css, but no matter what I do, they stay the same. Hmmm. I have no weird code, just a simple $("a.gallery").fancybox() call on a thumbnail image. I just want the opacity to be a bit more opaque!
2 comments
Read more

Javascript slideshow buttons overlapping fancybox upon scroll

By User
So I have a javascript library setup on http://www.topholidayrecipes.com/crockpot-chicken-recipes.html and this page uses fancy box (located in the recipe box named "iframe" ). The problem is that everytime the scroll function is used inside and outside the fancybox...the play and pause buttons from the javascript slideshow are overlapping the fancybox and its content. How would I go on to solve this problem. Thank you for helping.
1 comment
Read more

Javascript slideshow buttons overlapping fancybox upon scroll

By User
So I have a javascript library setup on http://www.topholidayrecipes.com/crockpot-chicken-recipes.html and this page uses fancy box (located in the recipe box named "iframe" ). The problem is that everytime the scroll function is used inside and outside the fancybox...the play and pause buttons from the javascript slideshow are overlapping the fancybox and its content. How would I go on to solve this problem. Thank you for helping.
1 comment
Read more

Reload page out of iframe

By User
I'm using Fancybox and Zend. Hope the following is clear. On www.example.com/template/edit/id/3 I have jQuery UI Tabs. They are reachable directly via anchors. E.g. www.example.com/template/edit/id/3#tabs-2 On #tabs-2 I have some elements, doesn't matter what it is exactly. You can create or edit them. This elements got a own controller, so for editing them you call /elements/edit/id/44. Currently, I'm doing that in a Layer with Fancybox. I'm using the Iframe functionality of Fancybox for that. So, if you are on /template/edit and you click on the edit button of an element, a layer opens which includes an iframe which loads /elements/edit. So, if you change the element now and click on save, i want the layer to automatically close and reload. Fancybox provides an option to specify what it should do when it gets closed. At the moment i got it like that: 'onClosed' : function() {window.location.reload();} This actually reloads the top windo
1 comment
Read more

FancyBox iFrame broke after Tables & Styles in IE

By User
I'm wondering if there's any particular rules regarding using and stylizing 'fancybox' windows. I've implemented a 'fancybox' using the iFrame call - and when I just had some simple text, a background color, and an Image; it rendered great IE 6+. BUT, now that I've added a simple table with some styles for buttons within - it breaks in 6/7. Anything particular I should avoid implementing and putting inside an iFrame called .html while using fancybox supporting IE6/7? ! Update (please help me debug - here's what I have being called in the fancybox via iFrame): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style> h1 { font-famil
Post a Comment
Read more