{"id":22681,"date":"2013-04-01T08:49:38","date_gmt":"2013-04-01T08:49:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/really-simple-popup\/"},"modified":"2014-12-03T09:59:05","modified_gmt":"2014-12-03T09:59:05","slug":"really-simple-popup","status":"publish","type":"plugin","link":"https:\/\/hi.wordpress.org\/plugins\/really-simple-popup\/","author":7793440,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.11","stable_tag":"trunk","tested":"4.0.38","requires":"3.5.1","requires_php":"","requires_plugins":"","header_name":"Really Simple popup","header_author":"Hotscot","header_description":"","assets_banners_color":"","last_updated":"2014-12-03 09:59:05","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.hotscot.net\/","header_plugin_uri":"http:\/\/www.hotscot.net\/","header_author_uri":"http:\/\/www.hotscot.net","rating":4.6,"author_block_rating":0,"active_installs":400,"downloads":19974,"num_ratings":10,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0.11":"<p>Removed console.log<\/p>","1.0.10":"<p>Add hs-rsp-nogallery class to any image on the page to prevent the gallery from working<\/p>","1.0.9":"<p>Removed console log left over (can effect IE)<\/p>","1.0.8":"<p>Add &#039;no-hsrsp-popup&#039; class to image to not have it part of gallery\/popup. Fixed but on set width\/height window resize<\/p>","1.0.5":"<ul>\n<li>Fixed: Firefox close issue<\/li>\n<\/ul>","1.0.4":"<p>Fixed: hidden div popup<\/p>","1.0.3":"<p>UI Enhancements: new icons, hover states for &#039;gallery&#039; and fade effect instead of &#039;slide-down&#039;<\/p>","1.0.2":"<ul>\n<li>New: Set width &amp; height of image\/iframe popup<\/li>\n<\/ul>","1.0.1":"<ul>\n<li>Update to the readme file<\/li>\n<\/ul>","1.0":"<p>New and shiny stuff is cool!<\/p>"},"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"9"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1349,491],"plugin_category":[],"plugin_contributors":[78760,80766],"plugin_business_model":[],"class_list":["post-22681","plugin","type-plugin","status-publish","hentry","plugin_tags-fancybox","plugin_tags-popup","plugin_contributors-daganlev","plugin_contributors-huntlyc","plugin_committers-huntlyc"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/really-simple-popup.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Simple, easy to use, fancybox style popup.<\/p>\n\n<p>Works for all images in your page that are in anchor tags.  If it finds more than one, it will create a small gallery you can navigate through with the buttons or your keyboard.  Advanced users can open iframes and html content in it fairly easily.<\/p>\n\n<h4>Avanced users<\/h4>\n\n<h4>Basic use<\/h4>\n\n<p>Anchor class for popup: \"hs-rsp-popup\"<\/p>\n\n<h4>Advanced use<\/h4>\n\n<ul>\n<li>disable gallery feature and popup for image by adding this class: <strong>no-hsrsp-popup<\/strong><\/li>\n<li>anchor classes for <strong>iframe<\/strong> popup <em>\"hs-rsp-popup iframe\"<\/em><\/li>\n<li>anchor classes for <strong>html<\/strong> popup <em>\"hs-rsp-popup hiddendiv\"<\/em><\/li>\n<\/ul>\n\n<h4>Examples<\/h4>\n\n<p>To popup an image give the anchor tag around the image this class: <em>\"hs-rsp-popup\"<\/em>\nExample: <code>&lt;a href=\"image.png\" class=\"hs-rsp-popup\"&gt;&lt;img src=\"image.png\" alt=\"image\"\/&gt;&lt;\/a&gt;<\/code><\/p>\n\n<p>For an iframe, set the srct of the iframe and use the class <em>\"iframe\"<\/em> combined with <em>\"hs-rsp-popup\"<\/em>:\n    <a href=\"http:\/\/www.youtube.com\/watch?hl=en-GB&amp;v=2WNrx2jq184&amp;gl=GB\" title=\"Bird is the word\">Watch this<\/a><\/p>\n\n<p>You can also use this to show html content. For local content just use the id of the element for the href:\n    <a href=\"#elementid\">click here<\/a>\n    Hello, World!<\/p>\n\n<p>For remote content, link to the page, for example:\n    <a href=\"http:\/\/www.hotscot.net\">click here<\/a><\/p>\n\n<h4>Setting Popup Size (image\/iframe)<\/h4>\n\n<p>You can use the following html5 data attributes in your link to set the size: <code>data-popupheight=\"100\" data-popupwidth=\"300\"<\/code>  These values are in pixels.<\/p>\n\n<p>For Example:\n    <a href=\"image.png\"><\/a><\/p>\n\n<p><strong>Note:<\/strong> for this to work, you have to use <em>both<\/em> the data-popupwidth and data-popupheight attributes.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Extract to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<p>n\/a<\/p>\n\n<!--section=changelog-->\n<h4>1.0.11<\/h4>\n\n<p>Removed console.log<\/p>\n\n<h4>1.0.10<\/h4>\n\n<p>Add hs-rsp-nogallery class to any image on the page to prevent the gallery from working<\/p>\n\n<h4>1.0.9<\/h4>\n\n<p>Removed console log left over (can effect IE)<\/p>\n\n<h4>1.0.8<\/h4>\n\n<p>Add 'no-hsrsp-popup' class to image to not have it part of gallery\/popup. Fixed but on set width\/height window resize<\/p>\n\n<h4>1.0.7<\/h4>\n\n<p>Reverted body scroll fix as it was having undesirable effects<\/p>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Fixed: Firefox close issue<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Fixed: hidden div popup<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>UI Enhancements: new icons, hover states for 'gallery' and fade effect instead of 'slide-down'<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>New: Set width &amp; height of image\/iframe popup<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Update to the readme file<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial version<\/li>\n<\/ul>","raw_excerpt":"Simple, easy to use, fancybox style popup","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/22681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=22681"}],"author":[{"embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/huntlyc"}],"wp:attachment":[{"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=22681"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=22681"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=22681"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=22681"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=22681"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hi.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=22681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}