Use jquery colorbox

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