jQuery Pin It Button for Images

Version Description

Released 2013-10-11
Few minor code changes
Plugin is translation-ready

Release Info

Developer	mrsztuczkens
Plugin	jQuery Pin It Button for Images
Version	1.13
Comparing to
See all releases

Code changes from version 1.12 to 1.13

Files changed (9) hide show

css/style.css +1 -1
images/default-pinit-button.png +0 -0
images/image_preview.jpg +0 -0
jquery-pin-it-button-for-images.php +38 -25
js/script.js +6 -4
js/script.min.js +1 -1
languages/index.php +2 -0
languages/jpibfi.pot +351 -0
readme.txt +19 -9

css/style.css CHANGED Viewed

	@@ -12,7 +12,7 @@
12	a.pinit-button {
13	position:absolute;
14	display:none;
15	- text-indent:-9999em;
16	}
17
18	a.pinit-button.pinit-top-left {


12	a.pinit-button {
13	position:absolute;
14	display:none;
15	+ text-indent:-9999em !important;
16	}
17
18	a.pinit-button.pinit-top-left {

images/default-pinit-button.png DELETED Viewed

Binary file

images/image_preview.jpg DELETED Viewed

Binary file

jquery-pin-it-button-for-images.php CHANGED Viewed

	@@ -4,7 +4,7 @@ Plugin Name: jQuery Pin It Button For Images
4	Plugin URI: http://mrsztuczkens.me/jpibfi/
5	Description: Highlights images on hover and adds a "Pin It" button over them for easy pinning.
6	Author: Marcin Skrzypiec
7	- Version: 1.12
8	Author URI: http://mrsztuczkens.me/
9	*/
10
	@@ -18,7 +18,7 @@ if ( ! function_exists( 'add_action' ) ) {
18	* CONSTANTS
19	*
20	*/
21	- define( "JPIBFI_VERSION", "1.12" );
22	define( "JPIBFI_METADATA", "jpibfi_meta" );
23	define( "JPIBFI_SELECTION_OPTIONS", "jpibfi_selection_options" );
24	define( "JPIBFI_VISUAL_OPTIONS", "jpibfi_visual_options" );
	@@ -85,7 +85,6 @@ function jpibfi_add_plugin_scripts() {
85
86	wp_register_style( 'jquery-pin-it-button-style', plugins_url( '/css/style.css', __FILE__ ), array(), JPIBFI_VERSION, 'all' );
87	wp_enqueue_style( 'jquery-pin-it-button-style' );
88	-
89	wp_enqueue_script( 'jquery-pin-it-button-script', plugins_url( '/js/script.min.js', __FILE__ ), array( 'jquery' ), JPIBFI_VERSION, false );
90
91	$visual_options = get_option( JPIBFI_VISUAL_OPTIONS );
	@@ -298,6 +297,13 @@ register_uninstall_hook( __FILE__, 'jpibfi_uninstall_plugin' );
298	*
299	*/
300







301	/*
302	* Function updates DB if it detects new version of the plugin
303	*/
	@@ -457,13 +463,18 @@ function jpibfi_print_admin_page() {
457	?>
458	<div id="icon-plugins" class="icon32"></div>
459	<h2 class="nav-tab-wrapper">
460	- <a href="?page=jpibfi_settings&tab=selection_options" class="nav-tab <?php echo 'selection_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Selection ~~Options~~', 'jpibfi' ); ?></a>
461	- <a href="?page=jpibfi_settings&tab=visual_options" class="nav-tab <?php echo 'visual_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Visual ~~Options~~', 'jpibfi' ); ?></a>
462	- <a href="?page=jpibfi_settings&tab=advanced_options" class="nav-tab <?php echo 'advanced_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Advanced ~~Options~~', 'jpibfi' ); ?></a>
463	</h2>
464
465	<p>
466	- ~~If you like the plugin and would like to support its development, please <a href="http://bit.ly/Uw2mEP" target="_blank" rel="nofollow"><b>donate</b></a>.~~





467	</p>
468	<form method="post" action="options.php" ng-app="jpibfiApp" ng-controller="jpibfiController">
469	<?php
	@@ -540,12 +551,12 @@ function jpibfi_initialize_selection_options() {
540	'jpibfi_selection_options', // The page on which this option will be displayed
541	'selection_options_section', // The name of the section to which this field belongs
542	array( // The array of arguments to pass to the callback. In this case, just a description.
543	- __( 'jQuery selector for all the images that should have the "Pin it" button. Set
544	- ~~the value to~~ <a href="#" class="jpibfi_selector_option">div.jpibfi_container img</a> ~~if you want~~
545	- ~~the "Pin it" button to appear only on images in content or~~ <a href="#" class="jpibfi_selector_option">img</a>
546	- to ~~appear on all images on site (including sidebar, header and footer)~~. ~~If you know a thing or two about jQuery~~, ~~you might use your own selector.~~
547	- ~~<a href="http://api.jquery.com/category/selectors/" target="_blank">Click here~~</a> ~~to read~~
548	- ~~about jQuery selectors.', 'jpibfi'~~ ),
549	)
550	);
551
	@@ -567,9 +578,7 @@ function jpibfi_initialize_selection_options() {
567	'jpibfi_selection_options',
568	'selection_options_section',
569	array(
570	- __( 'Only pictures with these CSS classes will show the "Pin it" button. Please
571	- separate multiple classes with semicolons. If this field is empty, images with any (besides
572	- disabled ones) classes will show the Pin It button.', 'jpibfi' ),
573	)
574	);
575
	@@ -591,7 +600,7 @@ function jpibfi_initialize_selection_options() {
591	'jpibfi_selection_options',
592	'selection_options_section',
593	array(
594	- __( 'If you\'d like the "Pin it" button to not show up on small images (e.g. social media icons), just set the appropriate values above. The default ~~value~~ ~~(0,0)~~ ~~causes~~ the "Pin it" button to show on every eligible image.', 'jpibfi' ),
595	)
596	);
597
	@@ -761,7 +770,7 @@ function jpibfi_sanitize_selection_options( $input ) {
761	add_settings_error(
762	$key,
763	esc_attr( 'settings_updated' ),
764	- $field . ' - ' . __('value must be a number greater or equal to 0.', 'jpibfi')
765	);
766	}
767	break;
	@@ -839,7 +848,7 @@ function jpibfi_initialize_visual_options() {
839	'jpibfi_visual_options',
840	'visual_options_section',
841	array(
842	- __( 'Static mode adds a layer on the top of the image that restricts image download, but works on websites that protect images download. Dynamic mode doesn\'t add that layer and allows image download. If you\'re experiencing issues with static mode, try using dynamic mode. ~~Static mode works similarly to version 1.00 of the plugin, while dynamic mode is quite similar to version 0.99.~~', 'jpibfi' ),
843	)
844	);
845
	@@ -905,7 +914,11 @@ function jpibfi_initialize_visual_options() {
905	'jpibfi_visual_options',
906	'visual_options_section',
907	array(
908	- __( 'Margins are used to adjust the position of the "Pin it" button, but not all margins are used on all button positions. Here is an example. If you\'re using the "~~Top left~~" position, the button\'s position will be affected only by top and left margins. Bottom and right margins affect "~~Bottom right~~" position, etc. The "~~Middle~~" position does not use any margins at all.', 'jpibfi' ),




909	)
910	);
911
	@@ -972,7 +985,7 @@ function jpibfi_transparency_value_callback( $args ) {
972
973	$transparency_value = $options[ 'transparency_value' ];
974
975	- echo '<label for="transparency_value">' . _e('Choose transparency (between ~~0.00~~ and ~~1.00~~)', 'jpibfi') . '</label><br/>';
976	echo '<input type="number" min="0" max="1" step="0.01" id="transparency_value" name="jpibfi_visual_options[transparency_value]"' .
977	'value="' . $transparency_value . '" class="small-text" >';
978	echo jpibfi_create_description( $args[0] );
	@@ -1031,7 +1044,7 @@ function jpibfi_pin_it_button_position_callback( $args ) {
1031	$options = jpibfi_get_visual_options();
1032
1033	$jpibfi_button_dropdown = array(
1034	- __( 'Top left ~~(default)~~', 'jpibfi' ),
1035	__( 'Top right', 'jpibfi' ),
1036	__( 'Bottom left', 'jpibfi' ),
1037	__( 'Bottom right', 'jpibfi' ),
	@@ -1079,7 +1092,7 @@ function jpibfi_sanitize_visual_options( $input ) {
1079	add_settings_error(
1080	$key,
1081	esc_attr( 'settings_updated' ),
1082	- __('Transparency value must be a number between ~~0.0~~ and 1.0.', '~~jpibfi~~')
1083	);
1084	}
1085	break;
	@@ -1095,7 +1108,7 @@ function jpibfi_sanitize_visual_options( $input ) {
1095	add_settings_error(
1096	$key,
1097	esc_attr( 'settings_updated' ),
1098	- $name . __(' must be a number greater or equal to 0.', 'jpibfi')
1099	);
1100	}
1101	break;
	@@ -1142,7 +1155,7 @@ function jpibfi_initialize_advanced_options() {
1142	// First, we register a section.
1143	add_settings_section(
1144	'advanced_options_section',
1145	- __( 'Advanced ~~options~~', 'jpibfi' ),
1146	'jpibfi_advanced_options_callback',
1147	'jpibfi_advanced_options'
1148	);


4	Plugin URI: http://mrsztuczkens.me/jpibfi/
5	Description: Highlights images on hover and adds a "Pin It" button over them for easy pinning.
6	Author: Marcin Skrzypiec
7	+ Version: 1.13
8	Author URI: http://mrsztuczkens.me/
9	*/
10

18	* CONSTANTS
19	*
20	*/
21	+ define( "JPIBFI_VERSION", "1.13" );
22	define( "JPIBFI_METADATA", "jpibfi_meta" );
23	define( "JPIBFI_SELECTION_OPTIONS", "jpibfi_selection_options" );
24	define( "JPIBFI_VISUAL_OPTIONS", "jpibfi_visual_options" );

85
86	wp_register_style( 'jquery-pin-it-button-style', plugins_url( '/css/style.css', __FILE__ ), array(), JPIBFI_VERSION, 'all' );
87	wp_enqueue_style( 'jquery-pin-it-button-style' );

88	wp_enqueue_script( 'jquery-pin-it-button-script', plugins_url( '/js/script.min.js', __FILE__ ), array( 'jquery' ), JPIBFI_VERSION, false );
89
90	$visual_options = get_option( JPIBFI_VISUAL_OPTIONS );

297	*
298	*/
299
300	+ function jpibfi_load_plugin_textdomain() {
301	+
302	+ load_plugin_textdomain( 'jpibfi', FALSE, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
303	+ }
304	+
305	+ add_action( 'plugins_loaded', 'jpibfi_load_plugin_textdomain' );
306	+
307	/*
308	* Function updates DB if it detects new version of the plugin
309	*/

463	?>
464	<div id="icon-plugins" class="icon32"></div>
465	<h2 class="nav-tab-wrapper">
466	+ <a href="?page=jpibfi_settings&tab=selection_options" class="nav-tab <?php echo 'selection_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Selection Settings', 'jpibfi' ); ?></a>
467	+ <a href="?page=jpibfi_settings&tab=visual_options" class="nav-tab <?php echo 'visual_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Visual Settings', 'jpibfi' ); ?></a>
468	+ <a href="?page=jpibfi_settings&tab=advanced_options" class="nav-tab <?php echo 'advanced_options' == $tab ? 'nav-tab-active' : ''; ?>"><?php _e( 'Advanced Settings', 'jpibfi' ); ?></a>
469	</h2>
470
471	<p>
472	+ <?php
473	+ printf( __('If you would like to support development of the plugin, please %sdonate%s.', 'jpibfi') . ' ', '<a href="http://bit.ly/Uw2mEP" target="_blank" rel="nofollow"><b>', '</b></a>' );
474	+ printf( __('If you experience issues with the plugin, check out the %ssupport forum%s.', 'jpibfi') . ' ', '<a href="http://wordpress.org/support/plugin/jquery-pin-it-button-for-images" target="_blank" rel="nofollow"><b>', '</b></a>' );
475	+ printf( __('To help promote the plugin, %sleave a review%s.', 'jpibfi') . ' ', '<a href="http://wordpress.org/support/view/plugin-reviews/jquery-pin-it-button-for-images" target="_blank" rel="nofollow"><b>', '</b></a>' );
476	+ printf( __('If you have any suggestions for improvements, %suse the feedback form%s.', 'jpibfi') . ' ', '<a href="http://mrsztuczkens.me/jquery-pin-it-button-for-images-feedback-form/" target="_blank" rel="nofollow"><b>', '</b></a>' );
477	+ ?>
478	</p>
479	<form method="post" action="options.php" ng-app="jpibfiApp" ng-controller="jpibfiController">
480	<?php

551	'jpibfi_selection_options', // The page on which this option will be displayed
552	'selection_options_section', // The name of the section to which this field belongs
553	array( // The array of arguments to pass to the callback. In this case, just a description.
554	+ sprintf ( __( 'jQuery selector for all the images that should have the "Pin it" button. Set the value to %s if you want the "Pin it" button to appear only on images in content or %s to appear on all images on site (including sidebar, header and footer). If you know a thing or two about jQuery, you might use your own selector. %sClick here%s to read about jQuery selectors.', 'jpibfi' ),
555	+ '<a href="#" class="jpibfi_selector_option">div.jpibfi_container img</a>',
556	+ '<a href="#" class="jpibfi_selector_option">img</a>',
557	+ '<a href="http://api.jquery.com/category/selectors/" target="_blank">',
558	+ '</a>'
559	+ )
560	)
561	);
562

578	'jpibfi_selection_options',
579	'selection_options_section',
580	array(
581	+ __( 'Only pictures with these CSS classes will show the "Pin it" button. Please separate multiple classes with semicolons. If this field is empty, images with any (besides disabled ones) classes will show the Pin It button.', 'jpibfi' ),


582	)
583	);
584

600	'jpibfi_selection_options',
601	'selection_options_section',
602	array(
603	+ __( 'If you\'d like the "Pin it" button to not show up on small images (e.g. social media icons), just set the appropriate values above. The default values cause the "Pin it" button to show on every eligible image.', 'jpibfi' ),
604	)
605	);
606

770	add_settings_error(
771	$key,
772	esc_attr( 'settings_updated' ),
773	+ $field . ' - ' . sprintf ( __('value must be a number greater or equal to %d.', 'jpibfi'), '0' )
774	);
775	}
776	break;

848	'jpibfi_visual_options',
849	'visual_options_section',
850	array(
851	+ __( 'Static mode adds a layer on the top of the image that restricts image download, but works on websites that protect images download. Dynamic mode doesn\'t add that layer and allows image download. If you\'re experiencing issues with static mode, try using dynamic mode.', 'jpibfi' ),
852	)
853	);
854

914	'jpibfi_visual_options',
915	'visual_options_section',
916	array(
917	+ sprintf( __( 'Margins are used to adjust the position of the "Pin it" button, but not all margins are used on all button positions. Here is an example. If you\'re using the "%s" position, the button\'s position will be affected only by top and left margins. Bottom and right margins affect "%s" position, etc. The "%s" position does not use any margins at all.', 'jpibfi' ),
918	+ __( 'Top left', 'jpibfi' ),
919	+ __( 'Bottom right', 'jpibfi' ),
920	+ __( 'Middle', 'jpibfi' )
921	+ ),
922	)
923	);
924

985
986	$transparency_value = $options[ 'transparency_value' ];
987
988	+ echo '<label for="transparency_value">' . sprintf ( __('Choose transparency (between %.02f and %.02f)', 'jpibfi'), '0.00', '1.00' ) . '</label><br/>';
989	echo '<input type="number" min="0" max="1" step="0.01" id="transparency_value" name="jpibfi_visual_options[transparency_value]"' .
990	'value="' . $transparency_value . '" class="small-text" >';
991	echo jpibfi_create_description( $args[0] );

1044	$options = jpibfi_get_visual_options();
1045
1046	$jpibfi_button_dropdown = array(
1047	+ __( 'Top left', 'jpibfi' ),
1048	__( 'Top right', 'jpibfi' ),
1049	__( 'Bottom left', 'jpibfi' ),
1050	__( 'Bottom right', 'jpibfi' ),

1092	add_settings_error(
1093	$key,
1094	esc_attr( 'settings_updated' ),
1095	+ sprintf( __('Transparency value must be a number between %.02d and %.02f.', 'jpibfi'), '0.00', '1.00' )
1096	);
1097	}
1098	break;

1108	add_settings_error(
1109	$key,
1110	esc_attr( 'settings_updated' ),
1111	+ $name . ' - ' . sprintf ( __('value must be a number greater or equal to %d.', 'jpibfi'), '0' )
1112	);
1113	}
1114	break;

1155	// First, we register a section.
1156	add_settings_section(
1157	'advanced_options_section',
1158	+ __( 'Advanced Settings', 'jpibfi' ),
1159	'jpibfi_advanced_options_callback',
1160	'jpibfi_advanced_options'
1161	);

js/script.js CHANGED Viewed

	@@ -65,10 +65,12 @@
65	if ( 'static' == settings.mode) {
66
67	jpibfiLog( 'Adding static mode delegates');
68	- ~~$( document).delegate( 'div.pinit-overlay', 'hover', function() {~~


69	var indexer = $(this).attr("data-jpibfi-indexer");
70	- $('.pinit-button[data-jpibfi-indexer="' + indexer + '"]').toggle();
71	- $('img[data-jpibfi-indexer="' + indexer + '"]').toggleClass( 'pinit-hover' );
72	});
73
74	} else if ( 'dynamic' == settings.mode ) {
	@@ -211,7 +213,7 @@
211	return jQuery('<div/>', {
212	"class": 'pinit-overlay',
213	"data-jpibfi-indexer": indexer,
214	- title: $image.attr( 'title' ) \|\| ~~( $image.attr(~~ '~~alt~~' ~~) \|\| '' )~~,
215	html: jpibfiCreatePinitButton( indexer).addClass( jpibfiButtonPositionToClass( buttonPosition ))
216	})
217	}


65	if ( 'static' == settings.mode) {
66
67	jpibfiLog( 'Adding static mode delegates');
68	+
69	+ $( document).delegate( 'div.pinit-overlay', 'hover', function( event ) {
70	+ var hover = event.type === 'mouseenter';
71	var indexer = $(this).attr("data-jpibfi-indexer");
72	+ $('.pinit-button[data-jpibfi-indexer="' + indexer + '"]').toggle( hover );
73	+ $('img[data-jpibfi-indexer="' + indexer + '"]').toggleClass( 'pinit-hover', hover );
74	});
75
76	} else if ( 'dynamic' == settings.mode ) {

213	return jQuery('<div/>', {
214	"class": 'pinit-overlay',
215	"data-jpibfi-indexer": indexer,
216	+ title: $image.attr( 'title' ) \|\| '',
217	html: jpibfiCreatePinitButton( indexer).addClass( jpibfiButtonPositionToClass( buttonPosition ))
218	})
219	}

js/script.min.js CHANGED Viewed

@@ -1 +1 @@

- (function(e){"use strict";function n(e){if(t&&console&&console.log){if("string"==typeof e||e instanceof String){console.log("jpibfi debug: "+e)}else if("object"==typeof e&&typeof JSON!=="undefined"&&typeof JSON.stringify==="function"){console.log("jpibfi debug: "+JSON.stringify(e,null,4))}else if("object"==typeof e){var n="";for(var r in e)n+=r+": "+e[r]+"\n";console.log("jpibfi debug: "+n)}}}function r(e){switch(e){case"0":return"pinit-top-left";case"1":return"pinit-top-right";case"2":return"pinit-bottom-left";case"3":return"pinit-bottom-right";case"4":return"pinit-middle";default:return""}}function i(e){var t=e.split(";");var n="";for(var r=0;r<t.length;r++){if(t[r])n+="."+t[r]+","}if(n)n=n.substr(0,n.length-1);return n}var t=false;e(document).ready(function(){function h(){n("Add Elements called");var t=0;e("img[data-jpibfi-indexer]").each(function(){var n=e(this);if(this.clientWidth<s.minImageWidth||this.clientHeight<s.minImageHeight){n.removeAttr("data-jpibfi-indexer");return}if(s.mode=="static")d(n,s.buttonPosition);t++});n("Images caught after filtering: "+t)}function p(){n("Remove Elements called");e("div.pinit-overlay").remove()}function d(e,t){var n=e.offset();var r=v(e,t);e.after(r);r.css({height:e.get(0).clientHeight+"px",width:e.get(0).clientWidth+"px"}).show().offset({left:n.left,top:n.top});return r}function v(e,t){var n=e.attr("data-jpibfi-indexer");return jQuery("<div/>",{"class":"pinit-overlay","data-jpibfi-indexer":n,title:e.attr("title")||~~e.attr(~~"~~alt~~"~~)||""~~,html:m(n).addClass(r(t))})}function m(t){var r=jQuery("<a/>",{href:"#","class":"pinit-button","data-jpibfi-indexer":t,text:"Pin It"});r.click(function(t){n("Pin In button clicked");var r=e(this).attr("data-jpibfi-indexer");var i=e('img[data-jpibfi-indexer="'+r+'"]');var o="",u="",a="";if(s.usePostUrl){var f=i.closest("div.jpibfi_container").children("input.jpibfi").first();if(f.length){u=f.attr("data-jpibfi-description");a=f.attr("data-jpibfi-url")}}a=a||s.pageUrl;if(s.descriptionOption==3)o=i.attr("title")||i.attr("alt");else if(s.descriptionOption==2)o=u||s.pageDescription;else if(s.descriptionOption==4)o=s.siteTitle;o=o||u||s.pageTitle;var l="http://pinterest.com/pin/create/bookmarklet/?is_video="+encodeURI("false")+"&url="+encodeURI(a)+"&media="+encodeURI(i.data("media")||i[0].src)+"&description="+encodeURIComponent(o);window.open(l,"Pinterest","width=632,height=253,status=0,toolbar=0,menubar=0,location=1,scrollbars=1");return false});return r}var s={pageUrl:document.URL,pageTitle:document.title,pageDescription:e('meta[name="description"]').attr("content")||"",siteTitle:jpibfi_options.site_title,imageSelector:jpibfi_options.image_selector,disabledClasses:jpibfi_options.disabled_classes,enabledClasses:jpibfi_options.enabled_classes,descriptionOption:jpibfi_options.description_option,usePostUrl:jpibfi_options.use_post_url=="1",minImageHeight:jpibfi_options.min_image_height,minImageWidth:jpibfi_options.min_image_width,mode:jpibfi_options.mode,buttonPosition:jpibfi_options.button_position};var o={height:parseInt(jpibfi_options.pin_image_height),width:parseInt(jpibfi_options.pin_image_width)};var u={top:parseInt(jpibfi_options.button_margin_top),right:parseInt(jpibfi_options.button_margin_right),bottom:parseInt(jpibfi_options.button_margin_bottom),left:parseInt(jpibfi_options.button_margin_left)};t="1"==jpibfi_options.debug;n(s);n(o);n(u);var a=e(".jpibfi").closest("div").addClass("jpibfi_container");n("Number of containers added: "+a.length);var f=i(s.disabledClasses);var l=i(s.enabledClasses)||"*";n("Image selector: "+s.imageSelector);n("Filter selector: "+l);n("Not selector: "+f);var c=0;e(s.imageSelector).not(f).filter(l).each(function(t){e(this).attr("data-jpibfi-indexer",t);c++});n("Images caught by selectors: "+c);if("static"==s.mode){n("Adding static mode delegates");e(document).delegate("div.pinit-overlay","hover",function(){var t=e(this).attr("data-jpibfi-indexer");e('.pinit-button[data-jpibfi-indexer="'+t+'"]').toggle();e('img[data-jpibfi-indexer="'+t+'"]').toggleClass("pinit-hover")})}else if("dynamic"==s.mode){n("Adding dynamic mode delegates");e(document).delegate("a.pinit-button","mouseenter",function(){var t=e(this);clearTimeout(t.data("jpibfi-timeoutId"))});e(document).delegate("a.pinit-button","mouseleave",function(){var t=e(this);var n=setTimeout(function(){t.remove();e('img[data-jpibfi-indexer="'+t.attr("data-jpibfi-indexer")+'"]').removeClass("pinit-hover")},100);t.data("jpibfi-timeoutId",n)});e(document).delegate("img[data-jpibfi-indexer]","mouseenter",function(){var t=e(this);var n=t.attr("data-jpibfi-indexer");var r=e('a.pinit-button[data-jpibfi-indexer="'+n+'"]');if(r.length==0){var r=m(n);var i=t.offset();var a={width:t.get(0).clientWidth,height:t.get(0).clientHeight};switch(s.buttonPosition){case"0":i.left+=u.left;i.top+=u.top;break;case"1":i.top+=u.top;i.left=i.left+a.width-u.right-o.width;break;case"2":i.left+=u.left;i.top=i.top+a.height-u.bottom-o.height;break;case"3":i.left=i.left+a.width-u.right-o.width;i.top=i.top+a.height-u.bottom-o.height;break;case"4":i.left=Math.round(i.left+a.width/2-o.width/2);i.top=Math.round(i.top+a.height/2-o.height/2);break}t.after(r);r.show().offset({left:i.left,top:i.top})}else{clearTimeout(r.data("jpibfi-timeoutId"))}e('img[data-jpibfi-indexer="'+r.attr("data-jpibfi-indexer")+'"]').addClass("pinit-hover")});e(document).delegate("img[data-jpibfi-indexer]","mouseleave",function(){var t=e(this).attr("data-jpibfi-indexer");var n=e('a.pinit-button[data-jpibfi-indexer="'+t+'"]');var r=setTimeout(function(){n.remove();e('img[data-jpibfi-indexer="'+n.attr("data-jpibfi-indexer")+'"]').removeClass("pinit-hover")},100);n.data("jpibfi-timeoutId",r)})}e(window).load(h);e(window).resize(function(){p();h()})});})(jQuery)

languages/index.php ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ <?php
2	+ /* Let The Force Be With You */

languages/jpibfi.pot ADDED Viewed

	@@ -0,0 +1,351 @@


1	+ # Copyright (C) 2013
2	+ # This file is distributed under the same license as the package.
3	+ msgid ""
4	+ msgstr ""
5	+ "Project-Id-Version: \n"
6	+ "Report-Msgid-Bugs-To: http://wordpress.org/tag/\n"
7	+ "POT-Creation-Date: 2013-10-09 12:27:10+00:00\n"
8	+ "MIME-Version: 1.0\n"
9	+ "Content-Type: text/plain; charset=UTF-8\n"
10	+ "Content-Transfer-Encoding: 8bit\n"
11	+ "PO-Revision-Date: 2013-MO-DA HO:MI+ZONE\n"
12	+ "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
13	+ "Language-Team: LANGUAGE <LL@li.org>\n"
14	+
15	+ #: jquery-pin-it-button-for-images.php:219
16	+ #: jquery-pin-it-button-for-images.php:229
17	+ #: jquery-pin-it-button-for-images.php:444
18	+ msgid "Settings"
19	+ msgstr ""
20	+
21	+ #: jquery-pin-it-button-for-images.php:248
22	+ msgid "Disable \"Pin it\" button for this post (works only on single pages/posts)"
23	+ msgstr ""
24	+
25	+ #: jquery-pin-it-button-for-images.php:457
26	+ msgid "jQuery Pin It Button For Images Options"
27	+ msgstr ""
28	+
29	+ #: jquery-pin-it-button-for-images.php:466
30	+ msgid "Selection Settings"
31	+ msgstr ""
32	+
33	+ #: jquery-pin-it-button-for-images.php:467
34	+ msgid "Visual Settings"
35	+ msgstr ""
36	+
37	+ #: jquery-pin-it-button-for-images.php:468
38	+ #: jquery-pin-it-button-for-images.php:1158
39	+ msgid "Advanced Settings"
40	+ msgstr ""
41	+
42	+ #: jquery-pin-it-button-for-images.php:473
43	+ msgid "If you would like to support development of the plugin, please %sdonate%s."
44	+ msgstr ""
45	+
46	+ #: jquery-pin-it-button-for-images.php:474
47	+ msgid "If you experience issues with the plugin, check out the %ssupport forum%s."
48	+ msgstr ""
49	+
50	+ #: jquery-pin-it-button-for-images.php:475
51	+ msgid "To help promote the plugin, %sleave a review%s."
52	+ msgstr ""
53	+
54	+ #: jquery-pin-it-button-for-images.php:476
55	+ msgid "If you have any suggestions for improvements, %suse the feedback form%s."
56	+ msgstr ""
57	+
58	+ #: jquery-pin-it-button-for-images.php:541
59	+ msgid "Selection"
60	+ msgstr ""
61	+
62	+ #: jquery-pin-it-button-for-images.php:549
63	+ msgid "Image selector"
64	+ msgstr ""
65	+
66	+ #: jquery-pin-it-button-for-images.php:554
67	+ msgid "jQuery selector for all the images that should have the \"Pin it\" button. Set the value to %s if you want the \"Pin it\" button to appear only on images in content or %s to appear on all images on site (including sidebar, header and footer). If you know a thing or two about jQuery, you might use your own selector. %sClick here%s to read about jQuery selectors."
68	+ msgstr ""
69	+
70	+ #: jquery-pin-it-button-for-images.php:565
71	+ #: jquery-pin-it-button-for-images.php:749
72	+ msgid "Disabled classes"
73	+ msgstr ""
74	+
75	+ #: jquery-pin-it-button-for-images.php:570
76	+ msgid "Pictures with these CSS classes won't show the \"Pin it\" button. Please separate multiple classes with semicolons. Spaces are not accepted."
77	+ msgstr ""
78	+
79	+ #: jquery-pin-it-button-for-images.php:576
80	+ #: jquery-pin-it-button-for-images.php:751
81	+ msgid "Enabled classes"
82	+ msgstr ""
83	+
84	+ #: jquery-pin-it-button-for-images.php:581
85	+ msgid "Only pictures with these CSS classes will show the \"Pin it\" button. Please separate multiple classes with semicolons. If this field is empty, images with any (besides disabled ones) classes will show the Pin It button."
86	+ msgstr ""
87	+
88	+ #: jquery-pin-it-button-for-images.php:587
89	+ msgid "On which pages the \"Pin it\" button should be shown"
90	+ msgstr ""
91	+
92	+ #: jquery-pin-it-button-for-images.php:592
93	+ msgid "Check on which pages you want the Pinterest button to show up."
94	+ msgstr ""
95	+
96	+ #: jquery-pin-it-button-for-images.php:598
97	+ msgid "Minimum resolution that should trigger the \"Pin it\" button to show up"
98	+ msgstr ""
99	+
100	+ #: jquery-pin-it-button-for-images.php:603
101	+ msgid "If you'd like the \"Pin it\" button to not show up on small images (e.g. social media icons), just set the appropriate values above. The default values cause the \"Pin it\" button to show on every eligible image."
102	+ msgstr ""
103	+
104	+ #: jquery-pin-it-button-for-images.php:617
105	+ msgid "Which images can be pinned"
106	+ msgstr ""
107	+
108	+ #: jquery-pin-it-button-for-images.php:638
109	+ #: jquery-pin-it-button-for-images.php:667
110	+ msgid "No classes added."
111	+ msgstr ""
112	+
113	+ #: jquery-pin-it-button-for-images.php:647
114	+ #: jquery-pin-it-button-for-images.php:676
115	+ msgid "Class name"
116	+ msgstr ""
117	+
118	+ #: jquery-pin-it-button-for-images.php:649
119	+ #: jquery-pin-it-button-for-images.php:678
120	+ msgid "Add to list"
121	+ msgstr ""
122	+
123	+ #: jquery-pin-it-button-for-images.php:699
124	+ msgid "Home page"
125	+ msgstr ""
126	+
127	+ #: jquery-pin-it-button-for-images.php:701
128	+ msgid "Pages"
129	+ msgstr ""
130	+
131	+ #: jquery-pin-it-button-for-images.php:703
132	+ msgid "Single posts"
133	+ msgstr ""
134	+
135	+ #: jquery-pin-it-button-for-images.php:705
136	+ msgid "Category and archive pages"
137	+ msgstr ""
138	+
139	+ #: jquery-pin-it-button-for-images.php:707
140	+ msgid "Blog pages"
141	+ msgstr ""
142	+
143	+ #: jquery-pin-it-button-for-images.php:721
144	+ #: jquery-pin-it-button-for-images.php:1017
145	+ msgid "Height"
146	+ msgstr ""
147	+
148	+ #: jquery-pin-it-button-for-images.php:728
149	+ #: jquery-pin-it-button-for-images.php:1024
150	+ msgid "Width"
151	+ msgstr ""
152	+
153	+ #: jquery-pin-it-button-for-images.php:756
154	+ msgid "the given value doesn't meet the requirements. Please correct it and try again."
155	+ msgstr ""
156	+
157	+ #: jquery-pin-it-button-for-images.php:766
158	+ msgid "Minimum image height"
159	+ msgstr ""
160	+
161	+ #: jquery-pin-it-button-for-images.php:768
162	+ msgid "Minimum image width"
163	+ msgstr ""
164	+
165	+ #: jquery-pin-it-button-for-images.php:773
166	+ #: jquery-pin-it-button-for-images.php:1111
167	+ msgid "value must be a number greater or equal to %d."
168	+ msgstr ""
169	+
170	+ #: jquery-pin-it-button-for-images.php:838
171	+ msgid "Visual"
172	+ msgstr ""
173	+
174	+ #: jquery-pin-it-button-for-images.php:846
175	+ msgid "Mode"
176	+ msgstr ""
177	+
178	+ #: jquery-pin-it-button-for-images.php:851
179	+ msgid "Static mode adds a layer on the top of the image that restricts image download, but works on websites that protect images download. Dynamic mode doesn't add that layer and allows image download. If you're experiencing issues with static mode, try using dynamic mode."
180	+ msgstr ""
181	+
182	+ #: jquery-pin-it-button-for-images.php:857
183	+ msgid "Description source"
184	+ msgstr ""
185	+
186	+ #: jquery-pin-it-button-for-images.php:862
187	+ msgid "From where the Pinterest message should be taken."
188	+ msgstr ""
189	+
190	+ #: jquery-pin-it-button-for-images.php:868
191	+ msgid "Linked page"
192	+ msgstr ""
193	+
194	+ #: jquery-pin-it-button-for-images.php:873
195	+ msgid "When checked, the link on Pinterest will always point to the individual page with the image and title of this individual page will be used if you've selected Title as the description source, even when the image was pinned on an archive page, category page or homepage. If false, the link will point to the URL the user is currently on."
196	+ msgstr ""
197	+
198	+ #: jquery-pin-it-button-for-images.php:879
199	+ msgid "Transparency value"
200	+ msgstr ""
201	+
202	+ #: jquery-pin-it-button-for-images.php:884
203	+ msgid "This setting sets the transparency of the image."
204	+ msgstr ""
205	+
206	+ #: jquery-pin-it-button-for-images.php:890
207	+ msgid "Custom \"Pin It\" button"
208	+ msgstr ""
209	+
210	+ #: jquery-pin-it-button-for-images.php:895
211	+ msgid "Check the <b>Use custom image</b> checkbox, specify image's URL, height and width to use your own Pinterest button design. You can just upload an image using Wordpress media library if you wish."
212	+ msgstr ""
213	+
214	+ #: jquery-pin-it-button-for-images.php:901
215	+ msgid "\"Pin it\" button position"
216	+ msgstr ""
217	+
218	+ #: jquery-pin-it-button-for-images.php:906
219	+ msgid "Where the \"Pin it\" button should appear on the image."
220	+ msgstr ""
221	+
222	+ #: jquery-pin-it-button-for-images.php:912
223	+ msgid "\"Pin it\" button margins"
224	+ msgstr ""
225	+
226	+ #: jquery-pin-it-button-for-images.php:917
227	+ msgid "Margins are used to adjust the position of the \"Pin it\" button, but not all margins are used on all button positions. Here is an example. If you're using the \"%s\" position, the button's position will be affected only by top and left margins. Bottom and right margins affect \"%s\" position, etc. The \"%s\" position does not use any margins at all."
228	+ msgstr ""
229	+
230	+ #: jquery-pin-it-button-for-images.php:918
231	+ #: jquery-pin-it-button-for-images.php:1047
232	+ msgid "Top left"
233	+ msgstr ""
234	+
235	+ #: jquery-pin-it-button-for-images.php:919
236	+ #: jquery-pin-it-button-for-images.php:1050
237	+ msgid "Bottom right"
238	+ msgstr ""
239	+
240	+ #: jquery-pin-it-button-for-images.php:920
241	+ #: jquery-pin-it-button-for-images.php:1051
242	+ msgid "Middle"
243	+ msgstr ""
244	+
245	+ #: jquery-pin-it-button-for-images.php:936
246	+ msgid "How it should look like"
247	+ msgstr ""
248	+
249	+ #: jquery-pin-it-button-for-images.php:946
250	+ msgid "Static"
251	+ msgstr ""
252	+
253	+ #: jquery-pin-it-button-for-images.php:947
254	+ msgid "Dynamic"
255	+ msgstr ""
256	+
257	+ #: jquery-pin-it-button-for-images.php:962
258	+ msgid "Page title"
259	+ msgstr ""
260	+
261	+ #: jquery-pin-it-button-for-images.php:963
262	+ msgid "Page description"
263	+ msgstr ""
264	+
265	+ #: jquery-pin-it-button-for-images.php:964
266	+ msgid "Picture title or (if title not available) alt attribute"
267	+ msgstr ""
268	+
269	+ #: jquery-pin-it-button-for-images.php:965
270	+ msgid "Site title (Settings->General)"
271	+ msgstr ""
272	+
273	+ #: jquery-pin-it-button-for-images.php:978
274	+ msgid "Always link to individual post page"
275	+ msgstr ""
276	+
277	+ #: jquery-pin-it-button-for-images.php:988
278	+ msgid "Choose transparency (between %.02f and %.02f)"
279	+ msgstr ""
280	+
281	+ #: jquery-pin-it-button-for-images.php:1006
282	+ msgid "Use custom image"
283	+ msgstr ""
284	+
285	+ #: jquery-pin-it-button-for-images.php:1009
286	+ msgid "Upload an image using media library"
287	+ msgstr ""
288	+
289	+ #: jquery-pin-it-button-for-images.php:1012
290	+ msgid "URL address of the image"
291	+ msgstr ""
292	+
293	+ #: jquery-pin-it-button-for-images.php:1031
294	+ msgid "Custom Pin It button preview"
295	+ msgstr ""
296	+
297	+ #: jquery-pin-it-button-for-images.php:1035
298	+ msgid "Refresh preview"
299	+ msgstr ""
300	+
301	+ #: jquery-pin-it-button-for-images.php:1048
302	+ msgid "Top right"
303	+ msgstr ""
304	+
305	+ #: jquery-pin-it-button-for-images.php:1049
306	+ msgid "Bottom left"
307	+ msgstr ""
308	+
309	+ #: jquery-pin-it-button-for-images.php:1071
310	+ msgid "Top"
311	+ msgstr ""
312	+
313	+ #: jquery-pin-it-button-for-images.php:1073
314	+ msgid "Bottom"
315	+ msgstr ""
316	+
317	+ #: jquery-pin-it-button-for-images.php:1075
318	+ msgid "Left"
319	+ msgstr ""
320	+
321	+ #: jquery-pin-it-button-for-images.php:1077
322	+ msgid "Right"
323	+ msgstr ""
324	+
325	+ #: jquery-pin-it-button-for-images.php:1095
326	+ msgid "Transparency value must be a number between %.02d and %.02f."
327	+ msgstr ""
328	+
329	+ #: jquery-pin-it-button-for-images.php:1103
330	+ msgid "Custom image height"
331	+ msgstr ""
332	+
333	+ #: jquery-pin-it-button-for-images.php:1105
334	+ msgid "Custom image width"
335	+ msgstr ""
336	+
337	+ #: jquery-pin-it-button-for-images.php:1166
338	+ msgid "Debug"
339	+ msgstr ""
340	+
341	+ #: jquery-pin-it-button-for-images.php:1171
342	+ msgid "Use debug mode only if you are experiencing some issues with the plugin and you are reporting them to the developer of the plugin"
343	+ msgstr ""
344	+
345	+ #: jquery-pin-it-button-for-images.php:1184
346	+ msgid "Advanced settings"
347	+ msgstr ""
348	+
349	+ #: jquery-pin-it-button-for-images.php:1196
350	+ msgid "Enable debug mode"
351	+ msgstr ""

readme.txt CHANGED Viewed

	@@ -3,8 +3,8 @@ Contributors: mrsztuczkens, redearthdesign, brocheafoin, robertark
3	Donate link: http://bit.ly/Uw2mEP
4	Tags: pinterest, pin it, button, image, images, pinit, social media, hover, click, photo, photos
5	Requires at least: 3.3.0
6	- Tested up to: 3.6
7	- Stable tag: 1.12
8	License: GPLv2 or later
9
10	Highlights images on hover and adds a Pinterest "Pin It" button over them for easy pinning.
	@@ -14,13 +14,13 @@ If you're looking for an easy way to pin images in your blog posts and pages, th
14
15	The plugin allows you to:
16
17	- * choose from where the description should be taken (possible options: page title, page description and alt/title tags from the image)
18	- * choose which pictures shouldn't show the "Pin it" button (using classes)
19	- * choose which pictures should show the "Pin it" button (all images, post images, images with certain class(es))
20	- * choose if you want to show the "Pin it" button on home page, single posts, single pages or category pages
21	- * disable showing the button on certain posts and pages (works only on single posts and single pages)
22	- * choose transparency level depending on your needs
23	- * use your own Pinterest button design
24
25	Once you activate the plugin, it's ready to go with the typical settings - button appears on all images within the body of your posts/pages that aren't marked with "nopin" or "wp-smiley" classes.
26
	@@ -30,6 +30,8 @@ Check out the new features in the Changelog.
30
31	Please note that the plugin doesn't work if the user has Javascript disabled.
32


33	Please consider donating any spare change to help me work on this plugin more. Donations can be made at: http://bit.ly/Uw2mEP
34
35	(This plugin is not related to or endorsed by Pinterest or its affiliates)
	@@ -69,6 +71,11 @@ Please report them in the plugin's support forum on Wordpress.org.
69
70	== Changelog ==
71





72	= 1.12 =
73	* Released 2013-10-01
74	* One minor bug fixed
	@@ -151,6 +158,9 @@ Please report them in the plugin's support forum on Wordpress.org.
151
152	== Upgrade Notice ==
153



154	= 1.12 =
155	One minor bug fix.
156


3	Donate link: http://bit.ly/Uw2mEP
4	Tags: pinterest, pin it, button, image, images, pinit, social media, hover, click, photo, photos
5	Requires at least: 3.3.0
6	+ Tested up to: 3.6.1
7	+ Stable tag: 1.13
8	License: GPLv2 or later
9
10	Highlights images on hover and adds a Pinterest "Pin It" button over them for easy pinning.

14
15	The plugin allows you to:
16
17	+ * choose from where the description should be taken (possible options: page title, page description and alt/title tags from the image)
18	+ * choose which pictures shouldn't show the "Pin it" button (using classes)
19	+ * choose which pictures should show the "Pin it" button (all images, post images, images with certain class(es))
20	+ * choose if you want to show the "Pin it" button on home page, single posts, single pages or category pages
21	+ * disable showing the button on certain posts and pages (works only on single posts and single pages)
22	+ * choose transparency level depending on your needs
23	+ * use your own Pinterest button design
24
25	Once you activate the plugin, it's ready to go with the typical settings - button appears on all images within the body of your posts/pages that aren't marked with "nopin" or "wp-smiley" classes.
26

30
31	Please note that the plugin doesn't work if the user has Javascript disabled.
32
33	+ If you want to learn more about the plugin, visit its website: http://mrsztuczkens.me/jpibfi/
34	+
35	Please consider donating any spare change to help me work on this plugin more. Donations can be made at: http://bit.ly/Uw2mEP
36
37	(This plugin is not related to or endorsed by Pinterest or its affiliates)

71
72	== Changelog ==
73
74	+ = 1.13 =
75	+ * Released 2013-10-11
76	+ * Few minor code changes
77	+ * Plugin is translation-ready
78	+
79	= 1.12 =
80	* Released 2013-10-01
81	* One minor bug fixed

158
159	== Upgrade Notice ==
160
161	+ = 1.13 =
162	+ Minor code changes, plus plugin is now translation-ready.
163	+
164	= 1.12 =
165	One minor bug fix.
166

jQuery Pin It Button for Images - Version 1.13

Version Description

Release Info

Code changes from version 1.12 to 1.13