Configuration items for FancyBox

Source: Internet
Author: User

FancyBox's API and configuration options description

Property name Default Value Brief Description
Padding 10 Browse box padding, and css padding a meaning
Margin 20 Browse box margins, and margin in CSS one meaning
Opacity False If true, the transparency can be changed when the animation changes FancyBox
Modal False If true, then ' Overlayshow ' will be set to ' true ', ' Hideonoverlayclick ', ' Hideoncontentclick ', ' Enableescapebutton ', ' Showclosebutton ' will be set to ' false '
Cyclic False If True, the album will loop back
Scrolling ' Auto ' Set the value of the overflow to create or hide the scroll bar, which can be set to ' auto ', ' yes ', or ' no '
Width 560 Sets the width of the IFRAME and SWF, and if ' autodimensions ' is ' false ', this can also set the width of the normal text
Height 340 Sets the height of the iframe and SWF, and if ' autodimensions ' is ' false ', this can also set the height of normal text
Autoscale True If the browser window size can be adapted for True,fancybox
Autodimensions True In inline text and Ajax, set whether the dimensions of the element are dynamically resized, and if true, make sure that you have set the dimension size for the element
Centeronscroll False If true, FancyBox will remain in the center of the browser when you scroll the scroll bar
Ajax { } As with jquery's Ajax invocation options
Note: The two callback events ' error ' and ' success ' are rewritten by FancyBox
Swf {wmode: ' Transparent '} Settings options for SWF
Hideonoverlayclick True If true, click the Mask layer to close the FancyBox
Hideoncontentclick False If true, click Play to close the FancyBox
Overlayshow True If true, the mask layer is displayed
Overlayopacity 0.3 Opacity of mask layer (range 0-1)
Overlaycolor ' #666 ' Background color of mask layer
Titleshow True If true, the caption is displayed
Titleposition ' Outside ' Sets the location of the caption display. Can be set to ' outside ', ' inside ' or ' over '
TitleFormat Null You can customize the formatting of headings
Transitionin, Transitionout ' Fade ' Sets the animation effect. can be set to ' elastic ', ' fade ' or ' none '
Speedin, Speedout 300 Fade and elastic time interval in milliseconds for animation transitions
Changespeed 300 Change the time interval (that is, the rate of change) of the FancyBox dimension in milliseconds
Changefade ' Fast ' The time interval at which content fades (that is, the speed of change) when switching
Easingin, Easingout ' Swing ' Use easing for elastic animations
Showclosebutton True If true, the Close button is displayed
Shownavarrows True True to display the previous next navigation arrow
Enableescapebutton True If True, ESC is enabled to close the FancyBox
OnStart Null callback function, loading content is triggered
OnCancel Null callback function, triggering after canceling content loading
OnComplete Null callback function, triggering when loading content is complete
Oncleanup Null callback function, triggering before closing FancyBox
Onclosed Null callback function, triggering after closing FancyBox

Configuration items for FancyBox

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.