high-speed ball, speed ball infrared, camera, lightning, car PTZ cameras, etc.

November 24, 2010
use case is as follows:
First, using ColorBox light box displays a picture and picture group
(1) js part of the
$. fn.colorbox.settings.transition = “fade”;
$. fn.colorbox.settings.bgOpacity = “0.9″;
< br /> $. fn.colorbox.settings.contentCurrent = “image {current} of {total}”;
$ (“. cpModal”). colorbox ();
transition to set the transition effect ColorBox light box, as above: fade
bgOpacity set ColorBox light box background transparency, as above: 0.9
contentCurrent current light box set ColorBox picture above: image {current} of {total}
(2) HTML part of a single picture

picture group 1

Picture Group 2
picture group 3
Second, using ColorBox light box display ajax loaded HTML page
(1) js part of the

$ (“# ajax”). colorbox ({contentWidth: “300px”, contentHeight: “195px”});
contentWidth set ColorBox light box content width, as above: 300px < br />
contentHeight set ColorBox light box content height, above: 195px
(2) HTML part
Ajax HTML
ajax . html that loads the html page,
Third, using ColorBox flash light box displays the results page
(1) js part
$ (” # flash “). colorbox ({contentAjax:” flash.html “});
(2) HTML part
Fl ash / Video

Fourth, using ColorBox light box display Inline HTML effects
(1) js part
$ (“# inline”). colorbox ({contentWidth: “500px”, contentInline: “# inline-content”});
contentInline set ColorBox Lightbox inline content
(2) HTML part
Inline HTML

Symbio blog
www.biuuu.com

< br /> five, using ColorBox light box displays the contents of the framework Iframed effect
(1) js part
$ (“# google”). colorbox ({contentWidth: “750px” , contentHeight: “450px”, contentIframe: true});
contentIframe set ColorBox lamp whether the contents of the frame
(2) HTML part

Iframed content
ColorBox light box configuration is as follows:
transition lastic said light box transition effects, optional “elastic” or “fade”
transitionSpeed ??350 transition effects show that the speed of light box
initialWidth 300 the width of said light box initialization
initialHeight 100 said light box initialization height
contentWidth false indicates whether to set a fixed width
contentHeight false indicating whether to set a fixed height
contentAjax false indicates whether this is an ajax load
contentInline false indicates whether this is an inline
contentIframe false indicates whether this is an iframe
bgOpacity 0.85, said light box background transparency
preloading true that if the pre- load
contentCurrent current} of {total} that the current picture and the light box display the total number of
contentPrevious revious on an anchor that, similar to the rel attribute < br />
contentNext ext said the next anchor, similar to the rel attribute
modalClose lose close link anchor text, optional Esc or close
jQuery plugin ColorBox box Very easy to use, can be achieved is very much like the new pop-up window, pop-up pictures, pop-up frame, etc., is recommended.
switched http://www.oschina.net/p/colorbox
ColorBox
———- ————— JQ Photo Gallery to display images as long as the code if you can be simplified into what format ———–
HTML part of the
————

Grouped Photo 1
Grouped Photo 2
Grouped Photo 3

————-

JS and css part
/ / introduction of plug-ins

$ (document). ready (function () {
$ (“. cc.pp”). colorbox ();
});

/ / introduction of css
several images associated with the above, the key is added in which attributes rel =” example1 “If you want to separate a Pictures can be rel = “example1″ removed, rel = “example1″ only
img tag if you want to show this effect can only add attributes in the img href = “url” on the line

December 22, 2010
because there is currently headquartered in the United States put the Christmas annual leave, so it is not busy for a week, put into the Ally a problem encountered and solutions order a bit, because there are a lot of js problems in the country can not find the appropriate solution on the website information on behalf of my colleagues sort out, we hope that the future development of some facilities.
according to customer requirements, we need to IE7, IE8, Firefox, google and Safari5 kinds of browsers for testing, then the problem arises.
1, the project, we used to achieve prompt jquery.colorbox.js form, in IE7 the following, suggesting that the border has become a black box. Below,

solution:
$ (document). ready (function () {
var tipEffect;
< br /> if ($. browser.msie) {
tipEffect = “toggle”
} else {
tipEffect = “fade” < br />
}
$ (“# hours a”). tooltip ({
effect: tipEffect,
tip: “# hours-tip”,
position: “bottom center”,
offset: [-5, -80]
});
});

2, above one, as in IE7, the shadow image of the border can not be displayed;
solutions : colorbox.css modify, change it into the src paths relative to the project relative path.
. cboxIE # cboxTopLeft {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderTopLe ft.png, sizingMethod = cale ;
}
. cboxIE # cboxTopCenter {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderTopCe nter.png, sizingMethod = cale ;
}
. cboxIE # cboxTopRight {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderTopRi ght.png, sizingMethod = cale ;
}
. cboxIE # cboxBottomLeft {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderBotto mLeft.png, sizingMethod = cale ;
}
. cboxIE # cboxBottomCenter {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderBotto mCenter.png, sizingMethod = cale ;
}
. cboxIE # cboxBottomRight {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderBotto mRight.png, sizingMethod = cale ;
}
. cboxIE # cboxMiddleLeft {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderMiddl eLeft.png, sizingMethod = cale ;
}
. cboxIE # cboxMiddleRight {
background: transparent;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src =.. / source / images / internet_explorer / borderMiddl eRight.png, sizingMethod = cale ;
}
3, because we want to create a PDF, but before creating the PDF, the user input at the same time, it can see the preview, because it is using IFrame to achieve, we want on the page in the IFrame fill in the information that was all, the problem again.

Safari does not take into account before because of compatibility, resulting in no display problems, last modified JS function:
frmTemplateImg is IFrame ID, id is the sub-page IFrame control ID, obj is the page input control.
the PDF below is the final result.

OK, get
days Gentleman to self-improvement; terrain-kun, a gentleman with great virtue.

November 1, 2010
find the official website of the troubleshoot colorbox write better, reproduced it.
1, flash coverage colorbox:
This is not a colorbox specific problem, by default flash will overlay any html content. This can be prevented by setting the “wmode” param and embed attribute to
ransparent
This is not colorbox own problems, flash will cover all of the default HTML content, you can set the wmode parameter to transparent to avoid this the problem.
2, colorbox ie the position and the abnormal behavior:
This may be doctype (DTD) problem. colorbox need to have a valid DTD declaration, otherwise the browser will be in quirks mode (quirks mode, in standard mode, set the browser to display the W3C page; in quirks mode, the page will IE5, or IE4 display page way to represent, in order to maintain the previous page to display properly) show content. Always use the correct DTD declaration to ensure that the browser the page is rendered in standards mode.
following this statement will set the IE browser quirks mode

This statement can be a URL with all the browser settings to standard mode
3, colorbox location and behavioral abnormalities (not case-browser):
This may be the source file reference sequence error. JQuery and colorbox.css must jquery.colorbox.js before the introduction of, and should be ready method in JQuery call colorbox, and this call to after the introduction of jquery.colorbox.js.
4, with the external display when the document is displayed colorbox incorrect:
This is the absence of the iframe parameter to true. The default way to display correctly only in the content stored in the body tag.
If you want to display a full html document (including , and and other labels), then if the parameters with the iframe. And to set the height and width, because colorbox not know the content in the iframe width and height.
Also, if you want to load in the same period under a part of another document, you can use the following method
$ ( example . colorbox ({href: “document.html div # content”});
5, ie in colorbox in the border does not show:
colorbox some of the examples provided png image with the transparency effect. IE6 does not support alpha transparency, and in IE7 and IE8 will appear in black effect. colorbox use IE css filter solves this problem, you can see these files in the colorbox.css code. In the example uses a relative path, but the user will apply to your own website colorbox often change image folder path relative to the css. Filters also need to have the appropriate path changes. Consider the following example, assume your images folder is located with the directory.
in the css file using the wrong relative path:. AlphaImageLoader (src = images / internet_explorer / bor derTopLeft.png
the correct path:
. AlphaImageLoader (src = / images / internet_explorer / bo rderTopLeft.png
correct absolute path:
. AlphaImageLoader (src = http://your_domain.com/ image s / internet_explorer / borderTopLeft.png
6, try to load an external page, but get “Request unsuccessful” the error message:
This may be because you try to load ajax invalid URL, or a way to load other files under the domain name due to browser limitations, ajax method must be loaded with the same name in the file. ajax and server support required, the test must be installed if the local apache service.
7, how to turn off the ref attribute of the group colorbox function: $ ( [rel = "examples "] . colorbox ({rel: nofollow );
8, JavaScript / jQuery does not work in colorbox:
This is because the majority of elements in the document is not loaded when trying to access it, the solution is trying to write js code should be to colorbox the onComplete call.
Example: Using the jQuery Forms plugin: $ ( login_window . colorbox ({onComplete: function () {$ ( orm # login . ajaxForm ();}});
9, to open outside of the iframe colorbox:
open any content in the iframe will be limited in an iframe, unless you colorbox put it on a window, you can return to parent window from an iframe open colorbox.
Open from parent
this method can not be used in group mode, because iframe in the parent document can not access the content, which is unable to access the internal elements of the rel attribute

March 15, 2011
results shown in Figure:

,
usage is very simple:

$ (document). ready (function () {

$ (“# atest”). colorbox ({width: “600px”, inline: true, href: “# blogrollSettings”});
});

also do picture slide effects, similar to the lightbox:


posted on 2011-03-15 17:57
[Use Ctrl Enter to quickly submit comment] The first nuclear power plant in Japan Fukushima nuclear waste unit 4 may be damaged
the first and second nuclear power plant in Japan Fukushima latest
Foreign media: IE9 Microsoft is expected to check with Apple and Google Firefox
to get rid of the dependence of Facebook Credits: Zynga launched virtual currency
Google and NASA released satellite photos of Japan earthquake
C # language features that are in come from?
find the sum of n consecutive sub-series of algorithm analysis
abstract programming: interface and abstract class
Javascript parentheses “()” polysemy
Javascript Zhongda brackets “{}” polysemy

China-pub computer books online store! 65,000 varieties of 2-8 fold!
China-Pub computer print books on-demand printing services
Jquery colorbox good mask
What two B , do not wear suits and shirts also was deducting money, whatever the outcome, I also “Yiguanqinshou” of wearing a suit, wearing shirts that do not, your uncle, the deduction of chanting
weekend, playing basketball over …








1.Jquery colorbox good mask
3.Des encrypted pass parameters by special characters (such as ” “) cut
4. Open Source Bug Tracking System BugFree structures and the use of
6.SQL statement to determine whether a column is the primary key
7. unhandled “System.StackOverflowException” type exception occurred in mscorlib.dll (turn)

9.C # in a single question mark, the use of double question marks (turn)
10. can not find metadata file … can not copy files to the directory, the directory access is refused …
1.Re: Open Source Bug Tracking System BugFree structures and the use of
@ I Liu bull Well, Well, support the original

2.Re: Open Source Bug Tracking System BugFree structures and the use of
Oh and then we have this month released a new version, being tested
3 . Re: Open Source Bug Tracking System BugFree structures and the use of
@ I thank Liu bull, read, and your own development, good, in fact, we ourselves have written a separate bug tracking system and project management systems, but some features do not perfect
4.Re: Open Source Bug Tracking System BugFree structures and the use of
[url =] look at the zero configuration
5.Re: URL parameters passed garbage processing
@ passing the fall which is natural, there will not understand a lot to ask your advice, but also look to hearing, Thank you
1. page to the user control by value (411)
2.div other floating layer drop-down box in IE6 blocked by the treatment (391)

3. simply to achieve the effect of drawers (210)
4.Coolite ComboBox data binding (193)
5.GridView intercept more than a certain width of the character (169)
1.AJAX cascading multiple pull-down (120)
2.C # in a single question mark, the use of double question marks (turn) (111)
3.URL pass parameters garbage processing (109)
4. add to the view from up identification field (87)
5.Des encrypted pass parameters by special characters (such as ” “) cut off (84)
Copyright @ 2011 peter cheng