1,Flash overwrite colorbox:
2,The position and behavior of colorbox in IE are abnormal:
3,The location and behavior of the colorbox are abnormal (not differentiated from the browser ):
4,Incorrect display when using colorbox to display external documents:
5,In ie, the border of colorbox is not displayed:
6,An error message "request unsuccessful" is returned when an external page is loaded.
7,How to disable the colorbox group function through the rel attribute
8,Javascript/jquery does not work in colorbox
9,Open colorbox outside IFRAME
Colorbox FAQs
Http://wxinpeng.javaeye.com/blog/737230
Supports photo, photo group, slides, Ajax, inline and IFRAME frameworks.You can use CSS to control the appearance.You do not need to change the Javascript file of colorbox to reset its behavior.You can use callback & event-hooks for expansion without modifying the source code.It is very friendly and does not need to modify the existing html. All options are set through Js. Introduction The colorbox () function uses a bunch of key/value objects and an optional callback function. Format: $ ('selector '). colorbox ({key: Value}, callback ); Example: $ ('A. Gallery '). colorbox ({transition: 'fade', speed: 500 }); Example: $ ('button '). colorbox ({href: "thankyou.html "});
Set Value |
Default Value |
Introduction |
Transition |
"ELASTIC" |
Transition effect, which can be "ELASTIC", "Fade", or "NONE ". |
Speed |
350 |
Sets the duration of the Transition effect, in milliseconds |
Href |
False |
Example: $('h1 '). colorbox ({href: "welcome.html "}) This is used to set an anchor value or an element that is not an anchor, for example, a form button, for example: |
Title |
False |
This allows you to set a title for colorbox. |
REL |
False |
Example: $ ('# example A'). colorbox ({rel: 'group1 '}) You can set the element set to be displayed based on the rel attribute of the element, or overwrite an existing rel attribute. |
Width |
False |
Example: "100%", "500px", or 500 Set the width, including the border and button |
Height |
False |
Example: "100%", "500px", or 500 Set height, including border and button |
Innerwidth |
False |
Example: "50%", "500px", or 500 You can set a fixed internal size, including the border and button. |
Innerheight |
False |
Example: "50%", "500px", or 500 This allows you to set a fixed internal height, including borders and buttons. |
Initialwidth |
300 |
Set initialization width |
Initialheight |
100 |
Set initialization height |
Maxwidth |
False |
Example: "100%", 500, "500px" Set the maximum width of the content |
Maxheight |
False |
Example: "100%", 500, "500px" Set the maximum height of the content |
Scalephotos |
True |
If it is true and maxwidth, maxheight, innerwidth, innerheight, width, or height is set, Colorbox scales the image to use the border |
Scrolling |
True |
If it is false, colorbox does not set a scroll bar for the overflow element. |
IFRAME |
False |
If it is true, the element is displayed in IFRAME. |
Inline |
False |
Example: $ ("# inline"). colorbox ({inline: True, href: "# myform "}); If it is true, the jquery selector can be used to select the elements to be displayed. For example: |
Html |
False |
Example: $. FN. colorbox ({HTML :' This shows the HTML code directly. For example Hello '}); |
Photo |
False |
If it is true, colorbox only displays the elements according to the image to prevent the elements from being similar to photo. php? A connection like PIC = 1 is mistaken for a webpage |
Opacity |
0.85 |
The opacity of the mask layer ranges from 0 to 1. |
Open |
False |
If this parameter is set to true, colorbox is automatically enabled. |
Preloading |
True |
If this parameter is set to true, colorbox automatically preloads the image to be displayed. |
Overlayclose |
True |
If this parameter is set to true, you can click the mask layer to disable colorbox. |
Slideshow |
False |
If this parameter is set to true, the image will be automatically rolled. |
Slideshowspeed |
2500 |
Set Time, in milliseconds |
Slideshowauto |
True |
It is tuue, and the slide starts automatically. |
Slideshowstart |
"Start slideshow" |
Start Text of the auto-Slide button |
Slideshowstop |
"Stop slideshow" |
Text of the Stop Auto-sliding button |
Current |
"{Current} of {total }" |
Text Content: the serial number of the currently displayed Element |
Previous |
"Previous" |
Text of the previous button |
Next |
"Next" |
Text of the next button |
Close |
"Close" |
Text of the "close" button |
|