FancyBox - Cool Jquery Dialog

 

Key Default value Description

padding	10	Space between FancyBox wrapper and content
margin	20	Space between viewport and FancyBox wrapper
opacity	false	When true, transparency of content is changed for elastic transitions
modal	false	When true, 'overlayShow' is set to 'true' and 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' are set to 'false'
cyclic	false	When true, galleries will be cyclic, allowing you to keep pressing next/back.
scrolling	'auto'	Set the overflow CSS property to create or hide scrollbars. Can be set to 'auto', 'yes', or 'no'
width	560	Width for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
height	340	Height for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'
autoScale	true	If true, FancyBox is scaled to fit in viewport
autoDimensions	true	For inline and ajax views, resizes the view to the element recieves. Make sure it has dimensions otherwise this will give unexpected results
centerOnScroll	false	When true, FancyBox is centered while scrolling page
ajax	{ }	Ajax options (error, success will be overwritten)
swf	{wmode: 'transparent'}	Flashvars to put on the swf object
hideOnOverlayClick	true	Toggle if clicking the overlay should close FancyBox
hideOnContentClick	false	Toggle if clicking the content should close FancyBox
overlayShow	true	Toggle overlay
overlayOpacity	0.3	Opacity of the overlay (from 0 to 1; default - 0.3)
overlayColor	'#666'	Color of the overlay
titleShow	true	Toggle title
titlePosition	'outside'	The position of title. Can be set to 'outside', 'inside' or 'over'
titleFormat	null	Callback to customize title area. You can set any html - custom image counter or even custom navigation
transitionIn, transitionOut	'fade'	The transition type. Can be set to 'elastic', 'fade' or 'none'
speedIn, speedOut	300	Speed of the fade and elastic transitions, in milliseconds
changeSpeed	300	Speed of resizing when changing gallery items, in milliseconds
changeFade	'fast'	Speed of the content fading while changing gallery items
easingIn, easingOut	'swing'	Easing used for elastic animations
showCloseButton	true	Toggle close button
showNavArrows	true	Toggle navigation arrows
enableEscapeButton	true	Toggle if pressing Esc button closes FancyBox
onStart	null	Will be called right before attempting to load the content
onCancel	null	Will be called after loading is canceled
onComplete	null	Will be called once the content is displayed
onCleanup	null	Will be called just before closing
onClosed	null	Will be called once FancyBox is closed

完整的API在如下链接：

http://fancybox.net/api

评论

2 楼 forestkqq 2010-05-12  

var iframeUrl = 'test.asp?yyy=222';
$.fancybox(
{
'width' : 700, 'height' : 450, 'transitionIn': 'fade',  'transitionOut': 'fade',
'autoScale' : false,
ajax: {
       type: "POST",
       data: { xxx:'1234' }
        },

'type' : 'iframe',
'href' : iframeUrl
});

我希望设置 ajax 传递 xxx='1234'到 test.asp 中，但是不行，是为什么呢

1 楼 forestkqq 2010-05-12  

请教一个问题：
我使用 FancyBox的 iframe 功能，如何向 iframe 传递 post 参数呢 ？