jQuery Colorbox - Version 1.3

Version Description

jQuery-Colorbox won't add Colorbox functionality to images that have the CSS class "colorbox-off"
Updated Colorbox version to 1.3.6
should be compatible to jQuery 1.4, still using 1.3.2 at the moment because it is bundled in WordPress 2.9.1
changed the way that the Colorbox CSS class is added to images to be more reliable
changed layout of settings page
updated the FAQ

Release Info

Developer	techotronic
Plugin	jQuery Colorbox
Version	1.3
Comparing to
See all releases

Code changes from version 1.2 to 1.3

Files changed (7) hide show

jquery-colorbox.php +165 -107
js/jquery.colorbox-min.js +2 -2
localization/jquery-colorbox-de_DE.mo +0 -0
localization/jquery-colorbox-de_DE.po +51 -41
localization/jquery-colorbox-en_EN.mo +0 -0
localization/jquery-colorbox-en_EN.po +42 -33
readme.txt +34 -8

jquery-colorbox.php CHANGED Viewed

	@@ -2,29 +2,37 @@
2	/**
3	* @package Techotronic
4	* @subpackage jQuery Colorbox
5	- *
6	* Plugin Name: jQuery Colorbox
7	* Plugin URI: http://www.techotronic.de/index.php/plugins/jquery-colorbox/
8	* Description: Used to overlay images on the current page. Images in one post are grouped automatically.
9	- * Version: 1.2
10	* Author: Arne Franken
11	- * Author URI: http://www.techotronic.de






12	*/
13	?>
14	<?php
15	class jQueryColorbox {
16	var $colorboxThemes = array();

17	var $colorboxSettings = array();

18	var $colorboxDefaultSettings = array();
19
20	/**
21	- * Plugin initialization
22	*/
23	function jQueryColorbox() {
24	if ( !function_exists('plugins_url') )
25	return;
26
27	- // it seems that there is no way to find the plugin dir relative to the WP_PLUGIN_DIR through the Wordpress API...
28	load_plugin_textdomain( 'jquery-colorbox', false, '/jquery-colorbox/localization/' );
29
30	add_action( 'wp_head', array(&$this, 'buildWordpressHeader') );
	@@ -41,7 +49,7 @@ class jQueryColorbox {
41	wp_register_style( 'colorbox-theme5', plugins_url( 'themes/theme5/colorbox.css', __FILE__ ), array(), '1.3.5', 'screen' );
42	}
43
44	- // Create list of themes and their human readable names
45	$this->colorboxThemes = (array) apply_filters( 'jquery-colorbox_themes', array(
46	'theme1' => __( 'Theme #1', 'jquery-colorbox' ),
47	'theme2' => __( 'Theme #2', 'jquery-colorbox' ),
	@@ -50,7 +58,7 @@ class jQueryColorbox {
50	'theme5' => __( 'Theme #5', 'jquery-colorbox' ),
51	) );
52
53	- // Create array of default settings (you can use the filter to modify these)
54	$colorboxDefaultTheme = key( $this->colorboxThemes );
55	$this->colorboxDefaultSettings = array(
56	'colorboxTheme' => $colorboxDefaultTheme,
	@@ -60,15 +68,17 @@ class jQueryColorbox {
60	'width' => 'false'
61	);
62
63	- // Create the settings array by merging the user's settings and the defaults
64	$usersettings = (array) get_option('jquery-colorbox_settings');
65	$this->colorboxSettings = wp_parse_args( $usersettings, $this->colorboxDefaultSettings );
66
67	- // Enqueue the theme in wordpress
68	if ( empty($this->colorboxThemes[$this->colorboxSettings['colorboxTheme']]) )
69	$this->colorboxSettings['colorboxTheme'] = $this->colorboxDefaultSettings['colorboxTheme'];
70	wp_enqueue_style( 'colorbox-' . $this->colorboxSettings['colorboxTheme'] );
71	- }~~//jQueryColorbox()~~


72
73	/**
74	* Register the settings page in wordpress
	@@ -80,7 +90,9 @@ class jQueryColorbox {
80	add_filter( 'plugin_action_links_' . $plugin_basename, array(&$this, 'addPluginActionLinks') );
81	add_options_page( __('jQuery Colorbox', 'jquery-colorbox'), __('jQuery Colorbox', 'jquery-colorbox'), 'manage_options', $plugin_basename, array(&$this, 'renderSettingsPage') );
82	}
83	- }~~//registerSettingsPage()~~


84
85	/**
86	* Add settings link to plugin management page
	@@ -95,14 +107,18 @@ class jQueryColorbox {
95	array_unshift( $action_links, $settings_link );
96
97	return $action_links;
98	- }~~//addPluginActionLinks()~~


99
100	/**
101	* Register the plugins settings
102	*/
103	function registerSettings() {
104	register_setting( 'jquery-colorbox_settings', 'jquery-colorbox_settings', array(&$this, 'validateSettings') );
105	- }~~//registerSettings()~~


106
107	/**
108	* Insert JavaScript for Colorbox into WP Header
	@@ -110,7 +126,7 @@ class jQueryColorbox {
110	* @return rewritten content or excerpt
111	*/
112	function buildWordpressHeader() {
113	- ?>
114	<!-- jQuery Colorbox \| by Arne Franken, http://www.techotronic.de/ -->
115	<script type="text/javascript">
116	// <![CDATA[
	@@ -126,7 +142,10 @@ class jQueryColorbox {
126	//and calls colorbox function on each img.
127	//elements with the same groupId in the class attribute are grouped
128	//the title of the img is used as the title for the colorbox.
129	- $(obj).colorbox({rel:$groupId.toString(), <?php echo('maxWidth:' . '"' . $this->colorboxSettings['maxWidth'] . '"' . ','); echo('maxHeight:' . '"' . $this->colorboxSettings['maxHeight'] . '"' . ','); echo('height:' . '"' . $this->colorboxSettings['height'] . '"' . ','); echo('width:' . '"' . $this->colorboxSettings['width'] . '"' . ',') ?> title:$nestedElement.attr("title")});



130	}
131	}
132	});
	@@ -135,118 +154,140 @@ class jQueryColorbox {
135	</script>
136	<?php
137	//write "colorbox-postID" to "img"-tags class attribute.
138	- //TODO: get rid of this. Slightly better than rewriting links by adding a "rel" attribute, but still ugly.
139	- //TODO: why doesn't Wordpress provide a filter for img or a tags during output?
140	add_filter('the_content', 'addColorboxGroupIdToImages');
141	add_filter('the_excerpt', 'addColorboxGroupIdToImages');
142	- } ~~//buildWordpressHeader()~~


143
144	/**
145	* Render Settings page
146	*/
147	function renderSettingsPage() {
148	- ?>
149	- <div class="wrap">
150	- <?php screen_icon(); ?>
151	<h2><?php _e( 'jQuery Colorbox Settings', 'jquery-colorbox' ); ?></h2>

152
153	- <form method="post" action="options.php">
154
155	- <?php settings_fields('jquery-colorbox_settings'); ?>
156
157	- ~~<p><?~~php _e( '~~Select the theme you want to use on your blog.', '~~jquery-~~colorbox~~' ); ~~?></p>~~
158
159	- <~~table~~ class="~~form~~-~~table~~">
160	- <tr ~~valign~~="~~top~~">
161	- <th ~~scope~~="~~row~~"~~><label for="jquery-colorbox-theme"~~><?php _e('~~Theme~~', 'jquery-colorbox'); ?></~~label></th~~>
162	- <td>
163	- <~~select~~ ~~name~~="~~jquery-colorbox_settings[colorboxTheme]~~" id="~~jquery-colorbox-theme~~" ~~class="postform"~~>







164	<?php
165	- foreach ( $this->colorboxThemes as $theme => $name ) {
166	- echo ' <option value="' . esc_attr($theme) . '"';
167	- selected( $this->colorboxSettings['colorboxTheme'], $theme );
168	- echo '>' . htmlspecialchars($name) . "</option>\n";
169	- }
170	?>
171	- </select>
172	- ~~</td>~~
173	- </tr>
174	- <tr>
175	- <~~td><label for="jquery-colorbox-maxWidth"><?php _e('maxWidth', 'jquery-colorbox'); ?>:</label></td~~>
176	- <~~td><input~~ ~~type~~="~~text~~" ~~name="jquery-colorbox_settings[maxWidth]" id="jquery-colorbox-maxWidth" value="<?php echo $this->colorboxSettings['maxWidth'] ?>" /></td~~>
177	- ~~</tr~~>
178	- ~~<tr~~>
179	- <td~~></td~~>
180	- <~~td>~~
181	- <~~span~~ ~~class=~~"~~setting~~-~~description">~~
182	- <?php _e('Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either "false" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
183	- </~~span~~>
184	- ~~</td~~>
185	- ~~</tr~~>
186	- <tr>
187	- ~~<td><label for="jquery-colorbox-maxHeight"><?php _e('maxHeight', 'jquery-colorbox'); ?>:</label></td~~>
188	- <td~~><input type="text" name="jquery-colorbox_settings[maxHeight]" id="jquery-colorbox-maxHeight" value="<?php echo $this->colorboxSettings['maxHeight'] ?>" /></td~~>
189	- ~~</tr>~~
190	- <~~tr>~~
191	- <td~~></td~~>
192	- ~~<td~~>
193	- <~~span class="setting-description"~~>
194	- ~~<?php~~ ~~_e('Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either~~ "~~false~~" ~~(no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>~~
195	- ~~</span~~>
196	- </td>
197	- ~~</tr~~>
198	- <~~tr>~~
199	- <~~td><label for="jquery-colorbox-width"><?~~php _e('width', 'jquery-colorbox'); ~~?>:</label></td>~~
200	- <td~~><input type="text" name="jquery-colorbox_settings[width]" id="jquery-colorbox-width" value="<?php echo $this->colorboxSettings['width'] ?>" /></td~~>
201	- </tr>
202	- <tr>
203	- <~~td></td~~>
204	- <td>
205	- ~~<span class="setting-description"~~>
206	- <?php _e('Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either "false" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
207	- ~~</span>~~
208	- ~~</td>~~
209	- </tr>
210	- <tr>
211	- ~~<td><label for="jquery-colorbox-height"><?php _e('height', 'jquery-colorbox'); ?>:</label></td~~>
212	- <~~td><input~~ ~~type~~="~~text~~" ~~name="jquery-colorbox_settings[height]" id="jquery-colorbox-height" value="<?php echo $this->colorboxSettings['height'] ?>" /></td~~>
213	- ~~</tr>~~
214	- ~~<tr~~>
215	- ~~<td></td~~>
216	- ~~<td~~>
217	- ~~<span class="setting-description"~~>
218	- <?php _e('Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either "false" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
219	- ~~</span>~~
220	- ~~</td~~>
221	- ~~</tr~~>
222	- ~~</table~~>
223	-
224	- <p><?php printf( __('If you would like to make a small (or large) contribution towards future development please consider making a <a href="%1$s" title="%2$s">%2$s</a>.', 'jquery-colorbox'), 'http://www.techotronic.de/index.php/donate/', __('donation','jquery-colorbox') ) ?></p>
225	-
226	- <p ~~class~~="~~submit~~">
227	- <input type="~~submit~~" name="~~jquery-colorbox-submit~~" ~~class~~="~~button~~-~~primary~~" ~~value="<?php _e('Save Changes') ?>" />~~
228	- ~~</p~~>
229	-
230	- ~~</form~~>










231	</div>
232
233	<?php
234	- ~~}//renderSettingsPage()~~



235
236	/**
237	* Validate the settings sent from the settings page
238	- *
239	* @param $colorboxSettings settings to be validated
240	* @return valid settings
241	*/
242	function validateSettings( $colorboxSettings ) {
243	if ( empty($colorboxSettings['colorboxTheme']) \|\| empty($this->colorboxThemes[$colorboxSettings['colorboxTheme']]) )
244	$colorboxSettings['colorboxTheme'] = $this->colorboxDefaultSettings['colorboxTheme'];
245	-
246	return $colorboxSettings;
247	- }~~// validateSettings()~~
248	-
249	- }// ~~class jQueryColorbox~~()



250	?><?php
251	/**
252	* initialize plugin
	@@ -254,23 +295,40 @@ class jQueryColorbox {
254	function jQueryColorbox() {
255	global $jQueryColorbox;
256	$jQueryColorbox = new jQueryColorbox();
257	- }~~//jQueryColorbox()~~


258	add_action( 'init', 'jQueryColorbox', 7 );
259
260	/**
261	- * ugly way to ~~group~~ images ~~for~~ ~~Colorbox~~.
262	- *
263	* function is called for every page or post rendering.
264	*



265	* @param the_content or the_excerpt
266	* @return replaced content or excerpt
267	*/
268	//TODO: get rid of this...
269	function addColorboxGroupIdToImages ($content) {
270	global $post;
271	- ~~$pattern~~ = ~~"/<img(.?)class=('\|\")([A-Za-z0-9~~ ~~\/_\.\~\:-]?)('\|\")([^\>]*?)>/i";~~
272	- $~~replacement~~ = ~~'<img$1class=$2$3~~ ~~colorbox-'.$post->ID.'$4$5>'~~;
273	- $~~content = preg_replace~~($~~pattern, $replacement, $~~content);










274	return $content;
275	- }~~//addRefToLinks()~~


276	?>


2	/**
3	* @package Techotronic
4	* @subpackage jQuery Colorbox
5	+ *
6	* Plugin Name: jQuery Colorbox
7	* Plugin URI: http://www.techotronic.de/index.php/plugins/jquery-colorbox/
8	* Description: Used to overlay images on the current page. Images in one post are grouped automatically.
9	+ * Version: 1.3
10	* Author: Arne Franken
11	+ * Author URI: http://www.techotronic.de/
12	+ * License: GPL
13	+ *
14	+ * This program is distributed in the hope that it will be useful,
15	+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16	+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17	+ * GNU General Public License for more details.
18	*/
19	?>
20	<?php
21	class jQueryColorbox {
22	var $colorboxThemes = array();
23	+
24	var $colorboxSettings = array();
25	+
26	var $colorboxDefaultSettings = array();
27
28	/**
29	+ * Plugin initialization
30	*/
31	function jQueryColorbox() {
32	if ( !function_exists('plugins_url') )
33	return;
34
35	+ // it seems that there is no way to find the plugin dir relative to the WP_PLUGIN_DIR through the Wordpress API...
36	load_plugin_textdomain( 'jquery-colorbox', false, '/jquery-colorbox/localization/' );
37
38	add_action( 'wp_head', array(&$this, 'buildWordpressHeader') );

49	wp_register_style( 'colorbox-theme5', plugins_url( 'themes/theme5/colorbox.css', __FILE__ ), array(), '1.3.5', 'screen' );
50	}
51
52	+ // Create list of themes and their human readable names
53	$this->colorboxThemes = (array) apply_filters( 'jquery-colorbox_themes', array(
54	'theme1' => __( 'Theme #1', 'jquery-colorbox' ),
55	'theme2' => __( 'Theme #2', 'jquery-colorbox' ),

58	'theme5' => __( 'Theme #5', 'jquery-colorbox' ),
59	) );
60
61	+ // Create array of default settings (you can use the filter to modify these)
62	$colorboxDefaultTheme = key( $this->colorboxThemes );
63	$this->colorboxDefaultSettings = array(
64	'colorboxTheme' => $colorboxDefaultTheme,

68	'width' => 'false'
69	);
70
71	+ // Create the settings array by merging the user's settings and the defaults
72	$usersettings = (array) get_option('jquery-colorbox_settings');
73	$this->colorboxSettings = wp_parse_args( $usersettings, $this->colorboxDefaultSettings );
74
75	+ // Enqueue the theme in wordpress
76	if ( empty($this->colorboxThemes[$this->colorboxSettings['colorboxTheme']]) )
77	$this->colorboxSettings['colorboxTheme'] = $this->colorboxDefaultSettings['colorboxTheme'];
78	wp_enqueue_style( 'colorbox-' . $this->colorboxSettings['colorboxTheme'] );
79	+ }
80	+
81	+ //jQueryColorbox()
82
83	/**
84	* Register the settings page in wordpress

90	add_filter( 'plugin_action_links_' . $plugin_basename, array(&$this, 'addPluginActionLinks') );
91	add_options_page( __('jQuery Colorbox', 'jquery-colorbox'), __('jQuery Colorbox', 'jquery-colorbox'), 'manage_options', $plugin_basename, array(&$this, 'renderSettingsPage') );
92	}
93	+ }
94	+
95	+ //registerSettingsPage()
96
97	/**
98	* Add settings link to plugin management page

107	array_unshift( $action_links, $settings_link );
108
109	return $action_links;
110	+ }
111	+
112	+ //addPluginActionLinks()
113
114	/**
115	* Register the plugins settings
116	*/
117	function registerSettings() {
118	register_setting( 'jquery-colorbox_settings', 'jquery-colorbox_settings', array(&$this, 'validateSettings') );
119	+ }
120	+
121	+ //registerSettings()
122
123	/**
124	* Insert JavaScript for Colorbox into WP Header

126	* @return rewritten content or excerpt
127	*/
128	function buildWordpressHeader() {
129	+ ?>
130	<!-- jQuery Colorbox \| by Arne Franken, http://www.techotronic.de/ -->
131	<script type="text/javascript">
132	// <![CDATA[

142	//and calls colorbox function on each img.
143	//elements with the same groupId in the class attribute are grouped
144	//the title of the img is used as the title for the colorbox.
145	+ $(obj).colorbox({rel:$groupId.toString(), <?php echo('maxWidth:' . '"' . $this->colorboxSettings['maxWidth'] . '"' . ',');
146	+ echo('maxHeight:' . '"' . $this->colorboxSettings['maxHeight'] . '"' . ',');
147	+ echo('height:' . '"' . $this->colorboxSettings['height'] . '"' . ',');
148	+ echo('width:' . '"' . $this->colorboxSettings['width'] . '"' . ',') ?> title:$nestedElement.attr("title")});
149	}
150	}
151	});

154	</script>
155	<?php
156	//write "colorbox-postID" to "img"-tags class attribute.


157	add_filter('the_content', 'addColorboxGroupIdToImages');
158	add_filter('the_excerpt', 'addColorboxGroupIdToImages');
159	+ }
160	+
161	+ //buildWordpressHeader()
162
163	/**
164	* Render Settings page
165	*/
166	function renderSettingsPage() {
167	+ ?>
168	+ <div class="wrap">
169	+ <?php screen_icon(); ?>
170	<h2><?php _e( 'jQuery Colorbox Settings', 'jquery-colorbox' ); ?></h2>
171	+ <br class="clear" />
172

173

174
175	+ <?php settings_fields('jquery-colorbox_settings'); ?>
176
177	+ <div id="poststuff" class="ui-sortable meta-box-sortables">
178	+ <div id="jquery-colorbox-settings" class="postbox">
179	+ <h3 id="settings"><?php _e( 'Settings', 'jquery-colorbox' ); ?></h3>
180	+ <div class="inside">
181	+ <form method="post" action="options.php">
182	+ <table class="form-table">
183	+ <tr valign="top">
184	+ <th scope="row">
185	+ <label for="jquery-colorbox-theme"><?php _e('Theme', 'jquery-colorbox'); ?></label>
186	+ </th>
187	+ <td>
188	+ <select name="jquery-colorbox_settings[colorboxTheme]" id="jquery-colorbox-theme" class="postform" style="margin:0px">
189	<?php
190	+ foreach ( $this->colorboxThemes as $theme => $name ) {
191	+ echo '<option value="' . esc_attr($theme) . '"';
192	+ selected( $this->colorboxSettings['colorboxTheme'], $theme );
193	+ echo '>' . htmlspecialchars($name) . "</option>\n";
194	+ }
195	?>
196	+ </select>
197	+ <br/><?php _e( 'Select the theme you want to use on your blog.', 'jquery-colorbox' ); ?>
198	+ </td>
199	+ </tr>
200	+ <tr>
201	+ <th scope="row">
202	+ <label for="jquery-colorbox-maxWidth"><?php _e('Maximum width of an image', 'jquery-colorbox'); ?>:</label>
203	+ </th>
204	+ <td>
205	+ <input type="text" name="jquery-colorbox_settings[maxWidth]" id="jquery-colorbox-maxWidth" value="<?php echo $this->colorboxSettings['maxWidth'] ?>" />
206	+ <br/><?php _e('Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either "false" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
207	+ </td>
208	+ </tr>
209	+ <tr>
210	+ <th scope="row">
211	+ <label for="jquery-colorbox-maxHeight"><?php _e('Maximum height of an image', 'jquery-colorbox'); ?>:</label>
212	+ </th>
213	+ <td>
214	+ <input type="text" name="jquery-colorbox_settings[maxHeight]" id="jquery-colorbox-maxHeight" value="<?php echo $this->colorboxSettings['maxHeight'] ?>" />
215	+ <br/><?php _e('Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either "false" (no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
216	+ </td>
217	+ </tr>
218	+ <tr>
219	+ <th scope="row">
220	+ <label for="jquery-colorbox-width"><?php _e('Maximum width of the Colorbox', 'jquery-colorbox'); ?>:</label>
221	+ </th>
222	+ <td>
223	+ <input type="text" name="jquery-colorbox_settings[width]" id="jquery-colorbox-width" value="<?php echo $this->colorboxSettings['width'] ?>" />
224	+ <br/><?php _e('Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either "false" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
225	+ </td>
226	+ </tr>
227	+ <tr>
228	+ <th scope="row">
229	+ <label for="jquery-colorbox-height"><?php _e('Maximum height of the Colorbox', 'jquery-colorbox'); ?>:</label>
230	+ </th>
231	+ <td>
232	+ <input type="text" name="jquery-colorbox_settings[height]" id="jquery-colorbox-height" value="<?php echo $this->colorboxSettings['height'] ?>" />
233	+ <br/><?php _e('Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either "false" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. "95%"', 'jquery-colorbox'); ?>
234	+ </td>
235	+ </tr>
236	+ </table>
237	+ <p class="submit">
238	+ <input type="submit" name="jquery-colorbox-submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
239	+ </p>
240	+ </form>
241	+ </div>
242	+ </div>
243	+ </div>
244	+
245	+ <div id="poststuff" class="ui-sortable meta-box-sortables">
246	+ <div id="jquery-colorbox-donate" class="postbox">
247	+ <h3 id="donate"><?php _e('Donate','jquery-colorbox') ?></h3>
248	+ <div class="inside">
249	+ <p>
250	+ <span style="float: left;">
251	+ <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
252	+ <input type="hidden" name="cmd" value="_s-xclick">
253	+ <input type="hidden" name="hosted_button_id" value="11235030">
254	+ <input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
255	+ <img alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">
256	+ </form>
257	+ </span>
258	+ </p>
259	+ <p>
260	+ <?php _e('If you would like to make a small (or large) contribution towards future development please consider making a donation.', 'jquery-colorbox') ?>
261	+ <br />© Copyright 2009 - <?php echo date("Y"); ?> <a href="http://www.techotronic.de">Arne Franken</a>
262	+ </p>
263	+ </div>
264	+ </div>
265	+ </div>
266	</div>
267
268	<?php
269	+
270	+ }
271	+
272	+ //renderSettingsPage()
273
274	/**
275	* Validate the settings sent from the settings page
276	+ *
277	* @param $colorboxSettings settings to be validated
278	* @return valid settings
279	*/
280	function validateSettings( $colorboxSettings ) {
281	if ( empty($colorboxSettings['colorboxTheme']) \|\| empty($this->colorboxThemes[$colorboxSettings['colorboxTheme']]) )
282	$colorboxSettings['colorboxTheme'] = $this->colorboxDefaultSettings['colorboxTheme'];
283	+
284	return $colorboxSettings;
285	+ }
286	+
287	+ // validateSettings()
288	+ }
289	+
290	+ // class jQueryColorbox()
291	?><?php
292	/**
293	* initialize plugin

295	function jQueryColorbox() {
296	global $jQueryColorbox;
297	$jQueryColorbox = new jQueryColorbox();
298	+ }
299	+
300	+ //jQueryColorbox()
301	add_action( 'init', 'jQueryColorbox', 7 );
302
303	/**
304	+ * ugly way to make the images Colorbox-ready by adding the necessary CSS class.
305	+ *
306	* function is called for every page or post rendering.
307	*
308	+ * unfortunately, Wordpress does not offer a convenient way to get certain elements from the_content,
309	+ * so I had to do the parsing myself...
310	+ *
311	* @param the_content or the_excerpt
312	* @return replaced content or excerpt
313	*/
314	//TODO: get rid of this...
315	function addColorboxGroupIdToImages ($content) {
316	global $post;
317	+ // create XML representation of the_content
318	+ $domDocumentTheContent = new DomDocument();
319	+ $domDocumentTheContent->loadHTML($content);
320	+ //get all img tags
321	+ $domNodeListImg = $domDocumentTheContent->getElementsByTagName("img");
322	+ foreach ($domNodeListImg as $domNode){
323	+ $classAttributeValue = $domNode->getAttribute("class");
324	+ // add colorbox CSS class for every img that does not have the "colorbox-off" class
325	+ if(!preg_match("/colorbox-off/",$classAttributeValue)){
326	+ $domNode->setAttribute('class', $classAttributeValue . ' colorbox-'.$post->ID);
327	+ }
328	+ }
329	+ $content = $domDocumentTheContent->saveHTML();
330	return $content;
331	+ }
332	+
333	+ //addColorboxGroupIdToImages()
334	?>

js/jquery.colorbox-min.js CHANGED Viewed

	@@ -1,2 +1,2 @@
1	- /* ColorBox v1.3.5 - a full featured, light-weight, customizable lightbox based on jQuery 1.3 */
2	- (function(c){function r(b,d){d=d==="x"?m.width():m.height();return typeof b==="string"?Math.round(b.match(/%/)?d/100parseInt(b,10):parseInt(b,10)):b}function N(b){b=c.isFunction(b)?b.call(i):b;return a.photo\|\|b.match(/\.(gif\|png\|jpg\|jpeg\|bmp)(?:\?([^#]))?(?:#(\.))?$/i)}function Y(){for(var b in a)if(c.isFunction(a[b])&&b.substring(0,2)!=="on")a[b]=a[b].call(i)}function Z(b){i=b;a=c(i).data(q);Y();~~var d=~~a.rel~~\|\|i~~.rel~~;if(d&&d~~!=="nofollow"){h=c(".cboxElement").filter(function(){return(c(this).data(q).rel\|\| this.rel)===d});j=h.index(i);if(j<0){h=h.add(i);j=h.length-1}}else{h=c(i);j=0}if(!C){D=C=n;O=i;O.blur();c().bind("keydown.cbox_close",function(e){if(e.keyCode===27){e.preventDefault();f.close()}}).bind("keydown.cbox_arrows",function(e){if(h.length>1)if(e.keyCode===37){e.preventDefault();E.click()}else if(e.keyCode===39){e.preventDefault();F.click()}});a.overlayClose&&s.css({cursor:"pointer"}).one("click",f.close);c.event.trigger(aa);a.onOpen&&a.onOpen.call(i);s.css({opacity:a.opacity}).show();a.w= r(a.initialWidth,"x");a.h=r(a.initialHeight,"y");f.position(0);P&&m.bind("resize.cboxie6 scroll.cboxie6",function(){s.css({width:m.width(),height:m.height(),top:m.scrollTop(),left:m.scrollLeft()})}).trigger("scroll.cboxie6")}Q.add(E).add(F).add(t).add(H).hide();R.html(a.close).show();f.slideshow();f.load()}var q="colorbox",x="hover",n=true,f,y=!c.support.opacity,P=y&&!window.XMLHttpRequest,aa="cbox_open",I="cbox_load",S="cbox_complete",T="resize.cbox_resize",s,k,u,p,U,V,W,X,h,m,l,J,K,L,H,Q,t,F,E, R,z,A,v,w,i,O,j,a,C,D,$={transition:"elastic",speed:350,width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"400",initialHeight:"400",maxWidth:false,maxHeight:false,scalePhotos:n,scrolling:n,inline:false,html:false,iframe:false,photo:false,href:false,title:false,rel:false,opacity:0.9,preloading:n,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:false,overlayClose:n,slideshow:false,slideshowAuto:n,slideshowSpeed:2500,slideshowStart:"start slideshow", slideshowStop:"stop slideshow",onOpen:false,onLoad:false,onComplete:false,onCleanup:false,onClosed:false};f=c.fn.colorbox=function(b,d){var e=this;if(!e.length)if(e.selector===""){e=c(e);b.open=n}else return this;e.each(function(){var g=c.extend({},c(this).data(q)?c(this).data(q):$,b);c(this).data(q,g).addClass("cboxElement");if(d)c(this).data(q).onComplete=d});b&&b.open&&Z(e);return this};f.init=function(){function b(d){return c('<div id="cbox'+d+'"/>')}m=c(window);k=c('<div id="colorbox"/>');s= b("Overlay").hide();u=b("Wrapper");p=b("Content").append(l=b("LoadedContent").css({width:0,height:0}),K=b("LoadingOverlay"),L=b("LoadingGraphic"),H=b("Title"),Q=b("Current"),t=b("Slideshow"),F=b("Next"),E=b("Previous"),R=b("Close"));u.append(c("<div/>").append(b("TopLeft"),U=b("TopCenter"),b("TopRight")),c("<div/>").append(V=b("MiddleLeft"),p,W=b("MiddleRight")),c("<div/>").append(b("BottomLeft"),X=b("BottomCenter"),b("BottomRight"))).children().children().css({"float":"left"});J=c("<div style='position:absolute; top:0; left:0; width:9999px; height:0;'/>"); c("body").prepend(s,k.append(u,J));if(y){k.addClass("cboxIE");P&&s.css("position","absolute")}p.children().~~addClass~~(~~x).~~mouseover(function(){c(this).~~addClass~~(x)}).~~mouseout~~(~~function(~~)~~{c(this).removeClass(x)})~~;z=U.height()+X.height()+p.outerHeight(n)-p.height();A=V.width()+W.width()+p.outerWidth(n)-p.width();v=l.outerHeight(n);w=l.outerWidth(n);k.css({"padding-bottom":z,"padding-right":A}).hide();F.click(f.next);E.click(f.prev);R.click(f.close);p.children().removeClass(x);c(".cboxElement").live("click", function(d){if(d.button!==0&&typeof d.button!=="undefined")return n;else{Z(this);return false}})};f.position=function(b,d){function e(B){U[0].style.width=X[0].style.width=p[0].style.width=B.style.width;L[0].style.height=K[0].style.height=p[0].style.height=V[0].style.height=W[0].style.height=B.style.height}var g=m.height();g=Math.max(g-a.h-v-z,0)/2+m.scrollTop();var o=Math.max(document.documentElement.clientWidth-a.w-w-A,0)/2+m.scrollLeft();b=k.width()===a.w+w&&k.height()===a.h+v?0:b;u[0].style.width= u[0].style.height="9999px";k.dequeue().animate({width:a.w+w,height:a.h+v,top:g,left:o},{duration:b,complete:function(){e(this);D=false;u[0].style.width=a.w+w+A+"px";u[0].style.height=a.h+v+z+"px";d&&d()},step:function(){e(this)}})};f.resize=function(b){function d(){a.w=a.w\|\|l.width();a.w=a.mw&&a.mw<a.w?a.mw:a.w;return a.w}function e(){a.h=a.h\|\|l.height();a.h=a.mh&&a.mh<a.h?a.mh:a.h;return a.h}function g(G){f.position(G,function(){if(C){if(y){B&&l.fadeIn(100);k[0].style.removeAttribute("filter")}if(a.iframe)l.append("<iframe id='cboxIframe'"+ (a.scrolling?" ":"scrolling='no'")+" name='iframe_"+(new Date).getTime()+"' frameborder=0 src='"+(a.href~~\|\|i.href)~~+"' "+(y?"allowtransparency='true'":"")+" />");l.show();H.html(a.title~~\|\|i.title~~);~~H.show();~~if(h.length>1){Q.html(a.current.replace(/\{current\}/,j+1).replace(/\{total\}/,h.length)).show();F.html(a.next).show();E.html(a.previous).show();a.slideshow&&t.show()}K.hide();L.hide();c.event.trigger(S);a.onComplete&&a.onComplete.call(i);a.transition==="fade"&&k.fadeTo(M,1,function(){y&&k[0].style.removeAttribute("filter")}); m.bind(T,function(){f.position(0)})}})}if(C){var o,B,M=a.transition==="none"?0:a.speed;m.unbind(T);if(b){l.remove();l=c('<div id="cboxLoadedContent"/>').html(b);l.hide().appendTo(J).css({width:d(),overflow:a.scrolling?"auto":"hidden"}).css({height:e()}).prependTo(p);c("#cboxPhoto").css({cssFloat:"none"});P&&c("select:not(#colorbox select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("cbox_cleanup",function(){this.style.visibility="inherit"});a.transition=== "fade"&&k.fadeTo(M,0,function(){g(0)})\|\|g(M);if(a.preloading&&h.length>1){b=j>0?h[j-1]:h[h.length-1];o=j<h.length-1?h[j+1]:h[0];o=c(o).data(q).href\|\|o.href;b=c(b).data(q).href\|\|b.href;N(o)&&c("<img />").attr("src",o);N(b)&&c("<img />").attr("src",b)}}else setTimeout(function(){var G=l.wrapInner("<div style='overflow:auto'></div>").children();a.h=G.height();l.css({height:a.h});G.replaceWith(G.children());f.position(M)},1)}};f.load=function(){var b,d,e,g=f.resize;D=n;i=h[j];a=c(i).data(q);Y();c.event.trigger(I); a.onLoad&&a.onLoad.call(i);a.h=a.height?r(a.height,"y")-v-z:a.innerHeight?r(a.innerHeight,"y"):false;a.w=a.width?r(a.width,"x")-w-A:a.innerWidth?r(a.innerWidth,"x"):false;a.mw=a.w;a.mh=a.h;if(a.maxWidth){a.mw=r(a.maxWidth,"x")-w-A;a.mw=a.w&&a.w<a.mw?a.w:a.mw}if(a.maxHeight){a.mh=r(a.maxHeight,"y")-v-z;a.mh=a.h&&a.h<a.mh?a.h:a.mh}b=a.href~~\|\|c(i).attr("href")~~;K.show();L.show();if(a.inline){c('<div id="cboxInlineTemp" />').hide().insertBefore(c(b)[0]).bind(I+" cbox_cleanup",function(){c(this).replaceWith(l.children())}); g(c(b))}else if(a.iframe)g(" ");else if(a.html)g(a.html);else if(N(b)){d=new Image;d.onload=function(){var o;d.onload=null;d.id="cboxPhoto";c(d).css({margin:"auto",border:"none",display:"block",cssFloat:"left"});if(a.scalePhotos){e=function(){d.height-=d.heighto;d.width-=d.width*o};if(a.mw&&d.width>a.mw){o=(d.width-a.mw)/d.width;e()}if(a.mh&&d.height>a.mh){o=(d.height-a.mh)/d.height;e()}}if(a.h)d.style.marginTop=Math.max(a.h-d.height,0)/2+"px";g(d);h.length>1&&c(d).css({cursor:"pointer"}).click(f.next); if(y)d.style.msInterpolationMode="bicubic"};d.src=b}else c("<div />").appendTo(J).load(b,function(o,B){B==="success"?g(this):g(c("<p>Request unsuccessful.</p>"))})};f.next=function(){if(!D){j=j<h.length-1?j+1:0;f.load()}};f.prev=function(){if(!D){j=j>0?j-1:h.length-1;f.load()}};f.slideshow=function(){function b(){t.text(a.slideshowStop).bind(S,function(){e=setTimeout(f.next,a.slideshowSpeed)}).bind(I,function(){clearTimeout(e)}).one("click",function(){d();c(this).removeClass(x)});k.removeClass(g+ "off").addClass(g+"on")}var d,e,g="cboxSlideshow_";t.bind("cbox_closed",function(){t.unbind();clearTimeout(e);k.removeClass(g+"off "+g+"on")});d=function(){clearTimeout(e);t.text(a.slideshowStart).unbind(S+" "+I).one("click",function(){b();e=setTimeout(f.next,a.slideshowSpeed);c(this).removeClass(x)});k.removeClass(g+"on").addClass(g+"off")};if(a.slideshow&&h.length>1)a.slideshowAuto?b():d()};f.close=function(){c.event.trigger("cbox_cleanup");a.onCleanup&&a.onCleanup.call(i);C=false;c().unbind("keydown.cbox_close keydown.cbox_arrows"); m.unbind(T+" resize.cboxie6 scroll.cboxie6");s.css({cursor:"auto"}).fadeOut("fast");k.stop(n,false).fadeOut("fast",function(){l.remove();k.css({opacity:1});try{O.focus()}catch(b){}c.event.trigger("cbox_closed");a.onClosed&&a.onClosed.call(i)})};f.element=function(){return c(i)};f.settings=$;c(f.init)})(jQuery);


1	+ /* ColorBox v1.3.6 - a full featured, light-weight, customizable lightbox based on jQuery 1.3 */
2	+ (function(c){function r(b,d){d=d==="x"?m.width():m.height();return typeof b==="string"?Math.round(b.match(/%/)?d/100parseInt(b,10):parseInt(b,10)):b}function M(b){b=c.isFunction(b)?b.call(i):b;return a.photo\|\|b.match(/\.(gif\|png\|jpg\|jpeg\|bmp)(?:\?([^#]))?(?:#(\.))?$/i)}function Y(){for(var b in a)if(c.isFunction(a[b])&&b.substring(0,2)!=="on")a[b]=a[b].call(i);a.rel=a.rel\|\|i.rel;a.href=a.href\|\|i.href;a.title=a.title\|\|i.title}function Z(b){i=b;a=c(i).data(q);Y();if(a.rel&&a.rel!=="nofollow"){g= c(".cboxElement").filter(function(){return(c(this).data(q).rel\|\|this.rel)===a.rel});j=g.index(i);if(j<0){g=g.add(i);j=g.length-1}}else{g=c(i);j=0}if(!B){C=B=n;N=i;N.blur();c(document).bind("keydown.cbox_close",function(d){if(d.keyCode===27){d.preventDefault();e.close()}}).bind("keydown.cbox_arrows",function(d){if(g.length>1)if(d.keyCode===37){d.preventDefault();D.click()}else if(d.keyCode===39){d.preventDefault();E.click()}});a.overlayClose&&s.css({cursor:"pointer"}).one("click",e.close);c.event.trigger(aa); a.onOpen&&a.onOpen.call(i);s.css({opacity:a.opacity}).show();a.w=r(a.initialWidth,"x");a.h=r(a.initialHeight,"y");e.position(0);O&&m.bind("resize.cboxie6 scroll.cboxie6",function(){s.css({width:m.width(),height:m.height(),top:m.scrollTop(),left:m.scrollLeft()})}).trigger("scroll.cboxie6")}P.add(D).add(E).add(t).add(Q).hide();R.html(a.close).show();e.slideshow();e.load()}var q="colorbox",F="hover",n=true,e,x=!c.support.opacity,O=x&&!window.XMLHttpRequest,aa="cbox_open",H="cbox_load",S="cbox_complete", T="resize.cbox_resize",s,k,u,p,U,V,W,X,g,m,l,I,J,K,Q,P,t,E,D,R,y,z,v,w,i,N,j,a,B,C,$={transition:"elastic",speed:350,width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"400",initialHeight:"400",maxWidth:false,maxHeight:false,scalePhotos:n,scrolling:n,inline:false,html:false,iframe:false,photo:false,href:false,title:false,rel:false,opacity:0.9,preloading:n,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:false,overlayClose:n,slideshow:false, slideshowAuto:n,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:false,onLoad:false,onComplete:false,onCleanup:false,onClosed:false};e=c.fn.colorbox=function(b,d){var h=this;if(!h.length)if(h.selector===""){h=c("<a/>");b.open=n}else return this;h.each(function(){var f=c.extend({},c(this).data(q)?c(this).data(q):$,b);c(this).data(q,f).addClass("cboxElement");if(d)c(this).data(q).onComplete=d});b&&b.open&&Z(h);return this};e.init=function(){function b(d){return c('<div id="cbox'+ d+'"/>')}m=c(window);k=c('<div id="colorbox"/>');s=b("Overlay").hide();u=b("Wrapper");p=b("Content").append(l=b("LoadedContent").css({width:0,height:0}),J=b("LoadingOverlay"),K=b("LoadingGraphic"),Q=b("Title"),P=b("Current"),t=b("Slideshow"),E=b("Next"),D=b("Previous"),R=b("Close"));u.append(c("<div/>").append(b("TopLeft"),U=b("TopCenter"),b("TopRight")),c("<div/>").append(V=b("MiddleLeft"),p,W=b("MiddleRight")),c("<div/>").append(b("BottomLeft"),X=b("BottomCenter"),b("BottomRight"))).children().children().css({"float":"left"}); I=c("<div style='position:absolute; top:0; left:0; width:9999px; height:0;'/>");c("body").prepend(s,k.append(u,I));if(x){k.addClass("cboxIE");O&&s.css("position","absolute")}p.children().bind("mouseover mouseout",function(){c(this).toggleClass(F)}).addClass(F);y=U.height()+X.height()+p.outerHeight(n)-p.height();z=V.width()+W.width()+p.outerWidth(n)-p.width();v=l.outerHeight(n);w=l.outerWidth(n);k.css({"padding-bottom":y,"padding-right":z}).hide();E.click(e.next);D.click(e.prev);R.click(e.close);p.children().removeClass(F); c(".cboxElement").live("click",function(d){if(d.button!==0&&typeof d.button!=="undefined")return n;else{Z(this);return false}})};e.position=function(b,d){function h(A){U[0].style.width=X[0].style.width=p[0].style.width=A.style.width;K[0].style.height=J[0].style.height=p[0].style.height=V[0].style.height=W[0].style.height=A.style.height}var f=m.height();f=Math.max(f-a.h-v-y,0)/2+m.scrollTop();var o=Math.max(document.documentElement.clientWidth-a.w-w-z,0)/2+m.scrollLeft();b=k.width()===a.w+w&&k.height()=== a.h+v?0:b;u[0].style.width=u[0].style.height="9999px";k.dequeue().animate({width:a.w+w,height:a.h+v,top:f,left:o},{duration:b,complete:function(){h(this);C=false;u[0].style.width=a.w+w+z+"px";u[0].style.height=a.h+v+y+"px";d&&d()},step:function(){h(this)}})};e.resize=function(b){function d(){a.w=a.w\|\|l.width();a.w=a.mw&&a.mw<a.w?a.mw:a.w;return a.w}function h(){a.h=a.h\|\|l.height();a.h=a.mh&&a.mh<a.h?a.mh:a.h;return a.h}function f(G){e.position(G,function(){if(B){if(x){A&&l.fadeIn(100);k[0].style.removeAttribute("filter")}if(a.iframe)l.append("<iframe id='cboxIframe'"+ (a.scrolling?" ":"scrolling='no'")+" name='iframe_"+(new Date).getTime()+"' frameborder=0 src='"+a.href+"' "+(x?"allowtransparency='true'":"")+" />");l.show();Q.show().html(a.title);if(g.length>1){P.html(a.current.replace(/\{current\}/,j+1).replace(/\{total\}/,g.length)).show();E.html(a.next).show();D.html(a.previous).show();a.slideshow&&t.show()}J.hide();K.hide();c.event.trigger(S);a.onComplete&&a.onComplete.call(i);a.transition==="fade"&&k.fadeTo(L,1,function(){x&&k[0].style.removeAttribute("filter")}); m.bind(T,function(){e.position(0)})}})}if(B){var o,A,L=a.transition==="none"?0:a.speed;m.unbind(T);if(b){l.remove();l=c('<div id="cboxLoadedContent"/>').html(b);l.hide().appendTo(I).css({width:d(),overflow:a.scrolling?"auto":"hidden"}).css({height:h()}).prependTo(p);c("#cboxPhoto").css({cssFloat:"none"});O&&c("select:not(#colorbox select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("cbox_cleanup",function(){this.style.visibility="inherit"});a.transition=== "fade"&&k.fadeTo(L,0,function(){f(0)})\|\|f(L);if(a.preloading&&g.length>1){b=j>0?g[j-1]:g[g.length-1];o=j<g.length-1?g[j+1]:g[0];o=c(o).data(q).href\|\|o.href;b=c(b).data(q).href\|\|b.href;M(o)&&c("<img />").attr("src",o);M(b)&&c("<img />").attr("src",b)}}else setTimeout(function(){var G=l.wrapInner("<div style='overflow:auto'></div>").children();a.h=G.height();l.css({height:a.h});G.replaceWith(G.children());e.position(L)},1)}};e.load=function(){var b,d,h,f=e.resize;C=n;i=g[j];a=c(i).data(q);Y();c.event.trigger(H); a.onLoad&&a.onLoad.call(i);a.h=a.height?r(a.height,"y")-v-y:a.innerHeight?r(a.innerHeight,"y"):false;a.w=a.width?r(a.width,"x")-w-z:a.innerWidth?r(a.innerWidth,"x"):false;a.mw=a.w;a.mh=a.h;if(a.maxWidth){a.mw=r(a.maxWidth,"x")-w-z;a.mw=a.w&&a.w<a.mw?a.w:a.mw}if(a.maxHeight){a.mh=r(a.maxHeight,"y")-v-y;a.mh=a.h&&a.h<a.mh?a.h:a.mh}b=a.href;J.show();K.show();if(a.inline){c('<div id="cboxInlineTemp" />').hide().insertBefore(c(b)[0]).bind(H+" cbox_cleanup",function(){c(this).replaceWith(l.children())}); f(c(b))}else if(a.iframe)f(" ");else if(a.html)f(a.html);else if(M(b)){d=new Image;d.onload=function(){var o;d.onload=null;d.id="cboxPhoto";c(d).css({margin:"auto",border:"none",display:"block",cssFloat:"left"});if(a.scalePhotos){h=function(){d.height-=d.heighto;d.width-=d.width*o};if(a.mw&&d.width>a.mw){o=(d.width-a.mw)/d.width;h()}if(a.mh&&d.height>a.mh){o=(d.height-a.mh)/d.height;h()}}if(a.h)d.style.marginTop=Math.max(a.h-d.height,0)/2+"px";f(d);g.length>1&&c(d).css({cursor:"pointer"}).click(e.next); if(x)d.style.msInterpolationMode="bicubic"};d.src=b}else c("<div />").appendTo(I).load(b,function(o,A){A==="success"?f(this):f(c("<p>Request unsuccessful.</p>"))})};e.next=function(){if(!C){j=j<g.length-1?j+1:0;e.load()}};e.prev=function(){if(!C){j=j>0?j-1:g.length-1;e.load()}};e.slideshow=function(){function b(){t.text(a.slideshowStop).bind(S,function(){h=setTimeout(e.next,a.slideshowSpeed)}).bind(H,function(){clearTimeout(h)}).one("click",function(){d();c(this).removeClass(F)});k.removeClass(f+ "off").addClass(f+"on")}var d,h,f="cboxSlideshow_";t.bind("cbox_closed",function(){t.unbind();clearTimeout(h);k.removeClass(f+"off "+f+"on")});d=function(){clearTimeout(h);t.text(a.slideshowStart).unbind(S+" "+H).one("click",function(){b();h=setTimeout(e.next,a.slideshowSpeed);c(this).removeClass(F)});k.removeClass(f+"on").addClass(f+"off")};if(a.slideshow&&g.length>1)a.slideshowAuto?b():d()};e.close=function(){c.event.trigger("cbox_cleanup");a.onCleanup&&a.onCleanup.call(i);B=false;c(document).unbind("keydown.cbox_close keydown.cbox_arrows"); m.unbind(T+" resize.cboxie6 scroll.cboxie6");s.css({cursor:"auto"}).fadeOut("fast");k.stop(n,false).fadeOut("fast",function(){c("#colorbox iframe").attr("src","about:blank");l.remove();k.css({opacity:1});try{N.focus()}catch(b){}c.event.trigger("cbox_closed");a.onClosed&&a.onClosed.call(i)})};e.element=function(){return c(i)};e.settings=$;c(e.init)})(jQuery);

localization/jquery-colorbox-de_DE.mo CHANGED Viewed

Binary file

localization/jquery-colorbox-de_DE.po CHANGED Viewed

	@@ -2,9 +2,9 @@ msgid ""
2	msgstr ""
3	"Project-Id-Version: jQuery-Colorbox\n"
4	"Report-Msgid-Bugs-To: \n"
5	- "POT-Creation-Date: 2010-01-11 22:25+0100\n"
6	"PO-Revision-Date: \n"
7	- "Last-Translator: ~~Arne Franken <blog@techotronic.de>\~~n"
8	"Language-Team: \n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=UTF-8\n"
	@@ -14,91 +14,101 @@ msgstr ""
14	"X-Poedit-Basepath: ..\n"
15	"X-Poedit-SearchPath-0: .\n"
16
17	- #: jquery-colorbox.php:46
18	msgid "Theme #1"
19	msgstr ""
20
21	- #: jquery-colorbox.php:47
22	msgid "Theme #2"
23	msgstr ""
24
25	- #: jquery-colorbox.php:48
26	msgid "Theme #3"
27	msgstr ""
28
29	- #: jquery-colorbox.php:49
30	msgid "Theme #4"
31	msgstr ""
32
33	- #: jquery-colorbox.php:50
34	msgid "Theme #5"
35	msgstr ""
36
37	- #: jquery-colorbox.php:81
38	msgid "jQuery Colorbox"
39	msgstr ""
40
41	- #: jquery-colorbox.php:94

42	msgid "Settings"
43	msgstr "Einstellungen"
44
45	- #: jquery-colorbox.php:~~151~~
46	msgid "jQuery Colorbox Settings"
47	msgstr "jQuery Colorbox Einstellungen"
48
49	- #: jquery-colorbox.php:~~157~~
50	- msgid "Select the theme you want to use on your blog."
51	- msgstr "Wähle das Theme aus, das Du auf Deinem Blog benutzen möchtest."
52	-
53	- #: jquery-colorbox.php:161
54	msgid "Theme"
55	msgstr ""
56
57	- #: jquery-colorbox.php:~~175~~
58	- msgid "~~maxWidth~~"
59	- msgstr ""
60
61	- #: jquery-colorbox.php:~~182~~




62	msgid "Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. \"95%\""
63	msgstr "Hier lässt sich die maximale Breite des Bildes in der colorbox in relation zum Browserfenster festlegen. Das Bild wird verkleinert falls nötig. Entweder auf \"false\" (keine maximale Breite des Bildes, das Bild ist so breit wie die Colorbox) oder auf einen Prozentwert setzen, z.B. \"95%\""
64
65	- #: jquery-colorbox.php:~~187~~
66	- msgid "~~maxHeight~~"
67	- msgstr ""
68
69	- #: jquery-colorbox.php:~~194~~
70	msgid "Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. \"95%\""
71	msgstr "Hier lässt sich die maximale Höhe des Bildes in der colorbox in relation zum Browserfenster festlegen. Das Bild wird verkleinert falls nötig. Entweder auf \"false\" (keine maximale H&oumlhe des Bildes, das Bild ist so hoch wie die Colorbox) oder auf einen Prozentwert setzen, z.B. \"95%\""
72
73	- #: jquery-colorbox.php:~~199~~
74	- msgid "width"
75	- msgstr ""
76
77	- #: jquery-colorbox.php:~~206~~
78	msgid "Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
79	msgstr "Hier lässt sich die maximale Breite der Colorbox in relation zum Browserfenster festlegen. Das Bild wird NICHT verkleinert. Wenn das Bild grösser als die Colorbox ist, werden Scrollbalken dargestellt. Entweder auf \"false\" (keine maximale Breite für die Colorbox, die Colorbox wird so gross wie das Bild) oder auf einen Prozentwert setzen, z.B. \"95%\""
80
81	- #: jquery-colorbox.php:~~211~~
82	- msgid "height"
83	- msgstr ""
84
85	- #: jquery-colorbox.php:~~218~~
86	msgid "Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
87	msgstr "Hier lässt sich die maximale Höhe der Colorbox in relation zum Browserfenster festlegen. Das Bild wird NICHT verkleinert. Wenn das Bild grösser als die Colorbox ist, werden Scrollbalken dargestellt. Entweder auf \"false\" (keine maximale Höhe für die Colorbox, die Colorbox wird so gross wie das Bild) oder auf einen Prozentwert setzen, z.B. \"95%\""
88
89	- #: jquery-colorbox.php:~~224~~
90	- #, php-format
91	- msgid "If you would like to make a small (or large) contribution towards future development please consider making a <a href=\"%1$s\" title=\"%2$s\">%2$s</a>."
92	- msgstr "Wenn Du eine kleine (oder grosse) <a href=\"%1$s\" title=\"%2$s\">%2$s</a> für die Weiterentwicklung möchtest, kannst Du das per PayPal tun."
93	-
94	- #: jquery-colorbox.php:224
95	- msgid "donation"
96	- msgstr "Spende"
97	-
98	- #: jquery-colorbox.php:227
99	msgid "Save Changes"
100	msgstr "Änderungen speichern"
101


















102	#~ msgid "Automate Colorbox:"
103	#~ msgstr "Colorbox automatisieren:"
104	#~ msgid ""


2	msgstr ""
3	"Project-Id-Version: jQuery-Colorbox\n"
4	"Report-Msgid-Bugs-To: \n"
5	+ "POT-Creation-Date: 2010-01-17 13:47+0100\n"
6	"PO-Revision-Date: \n"
7	+ "Last-Translator: \n"
8	"Language-Team: \n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=UTF-8\n"

14	"X-Poedit-Basepath: ..\n"
15	"X-Poedit-SearchPath-0: .\n"
16
17	+ #: jquery-colorbox.php:48
18	msgid "Theme #1"
19	msgstr ""
20
21	+ #: jquery-colorbox.php:49
22	msgid "Theme #2"
23	msgstr ""
24
25	+ #: jquery-colorbox.php:50
26	msgid "Theme #3"
27	msgstr ""
28
29	+ #: jquery-colorbox.php:51
30	msgid "Theme #4"
31	msgstr ""
32
33	+ #: jquery-colorbox.php:52
34	msgid "Theme #5"
35	msgstr ""
36
37	+ #: jquery-colorbox.php:85
38	msgid "jQuery Colorbox"
39	msgstr ""
40
41	+ #: jquery-colorbox.php:100
42	+ #: jquery-colorbox.php:175
43	msgid "Settings"
44	msgstr "Einstellungen"
45
46	+ #: jquery-colorbox.php:166
47	msgid "jQuery Colorbox Settings"
48	msgstr "jQuery Colorbox Einstellungen"
49
50	+ #: jquery-colorbox.php:181




51	msgid "Theme"
52	msgstr ""
53
54	+ #: jquery-colorbox.php:193
55	+ msgid "Select the theme you want to use on your blog."
56	+ msgstr "Wähle das Theme aus, das Du auf Deinem Blog benutzen möchtest."
57
58	+ #: jquery-colorbox.php:198
59	+ msgid "Maximum width of an image"
60	+ msgstr "Maximale Breite eines Bildes"
61	+
62	+ #: jquery-colorbox.php:202
63	msgid "Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. \"95%\""
64	msgstr "Hier lässt sich die maximale Breite des Bildes in der colorbox in relation zum Browserfenster festlegen. Das Bild wird verkleinert falls nötig. Entweder auf \"false\" (keine maximale Breite des Bildes, das Bild ist so breit wie die Colorbox) oder auf einen Prozentwert setzen, z.B. \"95%\""
65
66	+ #: jquery-colorbox.php:207
67	+ msgid "Maximum height of an image"
68	+ msgstr "Maximale Höhe eines Bildes"
69
70	+ #: jquery-colorbox.php:211
71	msgid "Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. \"95%\""
72	msgstr "Hier lässt sich die maximale Höhe des Bildes in der colorbox in relation zum Browserfenster festlegen. Das Bild wird verkleinert falls nötig. Entweder auf \"false\" (keine maximale H&oumlhe des Bildes, das Bild ist so hoch wie die Colorbox) oder auf einen Prozentwert setzen, z.B. \"95%\""
73
74	+ #: jquery-colorbox.php:216
75	+ msgid "Maximum width of the Colorbox"
76	+ msgstr "Maximale Breite der Colorbox"
77
78	+ #: jquery-colorbox.php:220
79	msgid "Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
80	msgstr "Hier lässt sich die maximale Breite der Colorbox in relation zum Browserfenster festlegen. Das Bild wird NICHT verkleinert. Wenn das Bild grösser als die Colorbox ist, werden Scrollbalken dargestellt. Entweder auf \"false\" (keine maximale Breite für die Colorbox, die Colorbox wird so gross wie das Bild) oder auf einen Prozentwert setzen, z.B. \"95%\""
81
82	+ #: jquery-colorbox.php:225
83	+ msgid "Maximum height of the Colorbox"
84	+ msgstr "Maximale Höhe der Colorbox"
85
86	+ #: jquery-colorbox.php:229
87	msgid "Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
88	msgstr "Hier lässt sich die maximale Höhe der Colorbox in relation zum Browserfenster festlegen. Das Bild wird NICHT verkleinert. Wenn das Bild grösser als die Colorbox ist, werden Scrollbalken dargestellt. Entweder auf \"false\" (keine maximale Höhe für die Colorbox, die Colorbox wird so gross wie das Bild) oder auf einen Prozentwert setzen, z.B. \"95%\""
89
90	+ #: jquery-colorbox.php:234









91	msgid "Save Changes"
92	msgstr "Änderungen speichern"
93
94	+ #: jquery-colorbox.php:243
95	+ msgid "Donate"
96	+ msgstr "Spenden"
97	+
98	+ #: jquery-colorbox.php:256
99	+ msgid "If you would like to make a small (or large) contribution towards future development please consider making a donation."
100	+ msgstr "Wenn Du eine kleine (oder grosse) Spende für die Weiterentwicklung abgeben möchtest, kannst Du das per PayPal tun."
101	+
102	+ #~ msgid "maxWidth"
103	+ #~ msgstr "Maximale Breite des Bildes"
104	+ #~ msgid "maxHeight"
105	+ #~ msgstr "Maximale Höhe des Bildes"
106	+ #~ msgid "width"
107	+ #~ msgstr "Maximale Breite der Colorbox"
108	+ #~ msgid "height"
109	+ #~ msgstr "Maximale Höhe der Colorbox"
110	+ #~ msgid "donation"
111	+ #~ msgstr "Spende"
112	#~ msgid "Automate Colorbox:"
113	#~ msgstr "Colorbox automatisieren:"
114	#~ msgid ""

localization/jquery-colorbox-en_EN.mo CHANGED Viewed

Binary file

localization/jquery-colorbox-en_EN.po CHANGED Viewed

	@@ -2,9 +2,9 @@ msgid ""
2	msgstr ""
3	"Project-Id-Version: jQuery-Colorbox\n"
4	"Report-Msgid-Bugs-To: \n"
5	- "POT-Creation-Date: 2010-01-11 23:23+0100\n"
6	"PO-Revision-Date: \n"
7	- "Last-Translator: ~~Arne Franken <blog@techotronic.de>\~~n"
8	"Language-Team: \n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=UTF-8\n"
	@@ -14,88 +14,97 @@ msgstr ""
14	"X-Poedit-Basepath: ..\n"
15	"X-Poedit-SearchPath-0: .\n"
16
17	- #: jquery-colorbox.php:46
18	msgid "Theme #1"
19	msgstr ""
20
21	- #: jquery-colorbox.php:47
22	msgid "Theme #2"
23	msgstr ""
24
25	- #: jquery-colorbox.php:48
26	msgid "Theme #3"
27	msgstr ""
28
29	- #: jquery-colorbox.php:49
30	msgid "Theme #4"
31	msgstr ""
32
33	- #: jquery-colorbox.php:50
34	msgid "Theme #5"
35	msgstr ""
36
37	- #: jquery-colorbox.php:81
38	msgid "jQuery Colorbox"
39	msgstr ""
40
41	- #: jquery-colorbox.php:94

42	msgid "Settings"
43	msgstr ""
44
45	- #: jquery-colorbox.php:~~151~~
46	msgid "jQuery Colorbox Settings"
47	msgstr ""
48
49	- #: jquery-colorbox.php:~~157~~
50	- msgid "~~Select the theme you want to use on your blog.~~"
51	msgstr ""
52
53	- #: jquery-colorbox.php:~~161~~
54	- msgid "~~Theme~~"
55	msgstr ""
56
57	- #: jquery-colorbox.php:~~175~~
58	- msgid "~~maxWidth~~"
59	msgstr ""
60
61	- #: jquery-colorbox.php:~~182~~
62	msgid "Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. \"95%\""
63	msgstr ""
64
65	- #: jquery-colorbox.php:~~187~~
66	- msgid "~~maxHeight~~"
67	msgstr ""
68
69	- #: jquery-colorbox.php:~~194~~
70	msgid "Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. \"95%\""
71	msgstr ""
72
73	- #: jquery-colorbox.php:~~199~~
74	- msgid "width"
75	msgstr ""
76
77	- #: jquery-colorbox.php:~~206~~
78	msgid "Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
79	msgstr ""
80
81	- #: jquery-colorbox.php:~~211~~
82	- msgid "height"
83	msgstr ""
84
85	- #: jquery-colorbox.php:~~218~~
86	msgid "Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
87	msgstr ""
88
89	- #: jquery-colorbox.php:~~224~~
90	- #, ~~php-format~~
91	- msgid "If you would like to make a small (or large) contribution towards future development please consider making a <a href=\"%1$s\" title=\"%2$s\">%2$s</a>."
92	msgstr ""
93
94	- #: jquery-colorbox.php:~~224~~
95	- msgid "~~donation~~"
96	msgstr ""
97
98	- #: jquery-colorbox.php:~~227~~
99	- msgid "~~Save~~ ~~Changes~~"
100	msgstr ""
101


2	msgstr ""
3	"Project-Id-Version: jQuery-Colorbox\n"
4	"Report-Msgid-Bugs-To: \n"
5	+ "POT-Creation-Date: 2010-01-17 13:47+0100\n"
6	"PO-Revision-Date: \n"
7	+ "Last-Translator: \n"
8	"Language-Team: \n"
9	"MIME-Version: 1.0\n"
10	"Content-Type: text/plain; charset=UTF-8\n"

14	"X-Poedit-Basepath: ..\n"
15	"X-Poedit-SearchPath-0: .\n"
16
17	+ #: jquery-colorbox.php:48
18	msgid "Theme #1"
19	msgstr ""
20
21	+ #: jquery-colorbox.php:49
22	msgid "Theme #2"
23	msgstr ""
24
25	+ #: jquery-colorbox.php:50
26	msgid "Theme #3"
27	msgstr ""
28
29	+ #: jquery-colorbox.php:51
30	msgid "Theme #4"
31	msgstr ""
32
33	+ #: jquery-colorbox.php:52
34	msgid "Theme #5"
35	msgstr ""
36
37	+ #: jquery-colorbox.php:85
38	msgid "jQuery Colorbox"
39	msgstr ""
40
41	+ #: jquery-colorbox.php:100
42	+ #: jquery-colorbox.php:175
43	msgid "Settings"
44	msgstr ""
45
46	+ #: jquery-colorbox.php:166
47	msgid "jQuery Colorbox Settings"
48	msgstr ""
49
50	+ #: jquery-colorbox.php:181
51	+ msgid "Theme"
52	msgstr ""
53
54	+ #: jquery-colorbox.php:193
55	+ msgid "Select the theme you want to use on your blog."
56	msgstr ""
57
58	+ #: jquery-colorbox.php:198
59	+ msgid "Maximum width of an image"
60	msgstr ""
61
62	+ #: jquery-colorbox.php:202
63	msgid "Set the maximum width of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum width for the picture, picture is as wide as the Colorbox) or a percent value, e.g. \"95%\""
64	msgstr ""
65
66	+ #: jquery-colorbox.php:207
67	+ msgid "Maximum height of an image"
68	msgstr ""
69
70	+ #: jquery-colorbox.php:211
71	msgid "Set the maximum height of the picture in the Colorbox in relation to the browser window. The picture is resized to the appropriate size. Set to either \"false\" (no maximum height for the picture, picture is as high as the Colorbox) or a percent value, e.g. \"95%\""
72	msgstr ""
73
74	+ #: jquery-colorbox.php:216
75	+ msgid "Maximum width of the Colorbox"
76	msgstr ""
77
78	+ #: jquery-colorbox.php:220
79	msgid "Set the maximum width of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum width for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
80	msgstr ""
81
82	+ #: jquery-colorbox.php:225
83	+ msgid "Maximum height of the Colorbox"
84	msgstr ""
85
86	+ #: jquery-colorbox.php:229
87	msgid "Set the maximum height of the Colorbox itself in relation to the browser window. The picture is NOT resized, if bigger than the colorbox, scrollbars are displayed. Set to either \"false\" (no maximum height for Colorbox, Colorbox is as big as the picture in it) or a percent value, e.g. \"95%\""
88	msgstr ""
89
90	+ #: jquery-colorbox.php:234
91	+ msgid "Save Changes"

92	msgstr ""
93
94	+ #: jquery-colorbox.php:243
95	+ msgid "Donate"
96	msgstr ""
97
98	+ #: jquery-colorbox.php:256
99	+ msgid "If you would like to make a small (or large) contribution towards future development please consider making a donation."
100	msgstr ""
101
102	+ #~ msgid "maxWidth"
103	+ #~ msgstr "Maximum width of an image"
104	+ #~ msgid "maxHeight"
105	+ #~ msgstr "Maximum height of an image"
106	+ #~ msgid "width"
107	+ #~ msgstr "Maxinmum width of the Colorbox"
108	+ #~ msgid "height"
109	+ #~ msgstr "Maximum height of the Colorbox"
110	+

readme.txt CHANGED Viewed

	@@ -4,7 +4,7 @@ Donate link: http://www.techotronic.de/index.php/donate/
4	Tags: jquery, colorbox, lightbox, images, gallery, javascript, overlay
5	Requires at least: 2.8.5
6	Tested up to: 2.9.1
7	- Stable tag: 1.2
8
9	Automatically adds Colorbox/Lightbox functionality to all images on the blog. Images are grouped by post.
10
	@@ -12,15 +12,21 @@ Automatically adds Colorbox/Lightbox functionality to all images on the blog. Im
12
13	Yet another Colorbox plugin for Wordpress.
14
15	- ~~All~~ ~~images~~ in ~~posts~~ ~~and~~ ~~pages are displayed in~~ a ~~layer~~ ~~when~~ ~~clicked.~~ ~~Images~~ ~~are~~ ~~grouped~~ as ~~galleries~~ ~~when~~ linked in the ~~same~~ ~~blog~~ ~~post~~ ~~or page~~.


16
17	- ~~Includes~~ <a ~~href="http://colorpowered.com/colorbox/">ColorBox</a>~~ ~~1.3.5~~ ~~jQuery~~ ~~plugin~~ ~~from~~ ~~Jack~~ ~~Moore.~~ ~~Colorbox~~ ~~is licensed under the <a href="http://www~~.~~opensource.org/licenses/mit-license.php">MIT License</a>.~~
18	- ~~jQuery Colorbox uses the jQuery library bundled with Wordpress.~~

19
20	Localization
21
22	- * English (en_EN)
23	- * German (de_DE)



24
25	== Demo ==
26
	@@ -43,12 +49,31 @@ Go to the settings page and choose one of the five themes bundled with the plugi
43	See Also: ["Installing Plugins" article on the WP Codex](http://codex.wordpress.org/Managing_Plugins#Installing_Plugins)
44
45	== Frequently Asked Questions ==











46	* How does jQuery Colorbox group images?
47
48	- ~~When~~ ~~rendering~~ ~~content,~~ a ~~special~~ ~~colorbox-~~class is added to ~~linked~~ images. ~~The~~ ~~class~~ is ~~then~~ ~~passed~~ to ~~colorbox~~.
49
50	== Changelog ==
51








52	= 1.2 =
53	* fixes bug where colorbox was not working if linked images were used (by the theme) outside of blog posts and pages.
54	* adds configuration for Colorbox and picture resizing
	@@ -57,4 +82,5 @@ When rendering content, a special colorbox-class is added to linked images. The
57	* fixes critical bug which would break rendering the blog. Sorry, was not aware that the plugin would be listed before I tagged the files as 1.0 in subversion...
58
59	= 1.0 =
60	- * Initial release.


4	Tags: jquery, colorbox, lightbox, images, gallery, javascript, overlay
5	Requires at least: 2.8.5
6	Tested up to: 2.9.1
7	+ Stable tag: 1.3
8
9	Automatically adds Colorbox/Lightbox functionality to all images on the blog. Images are grouped by post.
10

12
13	Yet another Colorbox plugin for Wordpress.
14
15	+ When adding an image to a post or page, usually a thumbnail is inserted and linked to the image in original size.
16	+ All images in posts and pages are displayed in a layer when the tumbnail is clicked.
17	+ Images are grouped as galleries when linked in the same blog post or page.
18
19	+ Images can be excluded by giving them a special CSS class.
20	+
21	+ For more information visit the <a href="http://wordpress.org/extend/plugins/jquery-colorbox/faq/">FAQ</a>.
22
23	Localization
24
25	+ * English (en_EN) by <a href="http://www.techotronic.de/">Arne Franken</a>
26	+ * German (de_DE) by <a href="http://www.techotronic.de/">Arne Franken</a>
27	+
28	+ Includes <a href="http://colorpowered.com/colorbox/">ColorBox</a> 1.3.6 jQuery plugin from Jack Moore. Colorbox is licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>.
29	+ jQuery Colorbox uses the jQuery library bundled with Wordpress.
30
31	== Demo ==
32

49	See Also: ["Installing Plugins" article on the WP Codex](http://codex.wordpress.org/Managing_Plugins#Installing_Plugins)
50
51	== Frequently Asked Questions ==
52	+ * How does jQuery Colorbox work?
53	+
54	+ When inserting a picture, the field "Link URL" needs to contain the link to the full-sized image. (press the button "Link to Image" below the field)
55	+ When rendering the blog, a special CSS class ("colorbox-postId", e.g. "colorbox-123") is added to linked images.
56	+ This CSS class is then passed to the colorbox JavaScript.
57	+
58	+ * How do I exclude an image?
59	+
60	+ Add the CSS class "colorbox-off" to the image you want to exclude.
61	+ jQuery Colorbox does not add the colorbox CSS class to images that already contain the CSS class "colorbox-off".
62	+
63	* How does jQuery Colorbox group images?
64
65	+ For all images in a post or page, the same CSS class is added. All images with the same CSS class are grouped.
66
67	== Changelog ==
68
69	+ = 1.3 =
70	+ * jQuery-Colorbox won't add Colorbox functionality to images that have the CSS class "colorbox-off"
71	+ * Updated Colorbox version to 1.3.6
72	+ * should be compatible to jQuery 1.4, still using 1.3.2 at the moment because it is bundled in WordPress 2.9.1
73	+ * changed the way that the Colorbox CSS class is added to images to be more reliable
74	+ * changed layout of settings page
75	+ * updated the <a href="http://wordpress.org/extend/plugins/jquery-colorbox/faq/">FAQ</a>
76	+
77	= 1.2 =
78	* fixes bug where colorbox was not working if linked images were used (by the theme) outside of blog posts and pages.
79	* adds configuration for Colorbox and picture resizing

82	* fixes critical bug which would break rendering the blog. Sorry, was not aware that the plugin would be listed before I tagged the files as 1.0 in subversion...
83
84	= 1.0 =
85	+ * Initial release.
86	+ * Added Colorbox version 1.3.5