{"id":188866,"date":"2024-04-05T03:45:37","date_gmt":"2024-04-05T03:45:37","guid":{"rendered":"https:\/\/en-gb.wordpress.org\/plugins\/image-viewer\/"},"modified":"2026-06-04T11:21:06","modified_gmt":"2026-06-04T11:21:06","slug":"image-viewer","status":"publish","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/image-viewer\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.7","stable_tag":"1.0.7","tested":"7.0","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"All In One Image Viewer","header_author":"bPlugins","header_description":"A Gutenberg block to embed images with few advance options such as zoom, pin, magnify, map and Pano.","assets_banners_color":"f1f0f1","last_updated":"2026-06-04 11:21:06","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/abuhayat","header_plugin_uri":"","header_author_uri":"http:\/\/bplugins.com","rating":0,"author_block_rating":0,"active_installs":200,"downloads":5186,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"btechnologies","date":"2024-12-19 04:52:36"},"1.0.1":{"tag":"1.0.1","author":"btechnologies","date":"2025-09-03 10:48:55"},"1.0.2":{"tag":"1.0.2","author":"tomorbplugins","date":"2026-01-24 15:00:57"},"1.0.3":{"tag":"1.0.3","author":"tomorbplugins","date":"2026-02-07 03:33:12"},"1.0.4":{"tag":"1.0.4","author":"tomorbplugins","date":"2026-02-28 03:19:47"},"1.0.5":{"tag":"1.0.5","author":"tomorbplugins","date":"2026-05-10 03:03:46"},"1.0.6":{"tag":"1.0.6","author":"tomorbplugins","date":"2026-05-18 12:20:20"},"1.0.7":{"tag":"1.0.7","author":"tomorbplugins","date":"2026-06-04 11:21:06"}},"upgrade_notice":{"1.0.7 \u2013 4 June 2026":"<ul>\n<li>Updated API version for improved performance and compatibility.<\/li>\n<li>Improved notice modal UI with a new modern design style.<\/li>\n<li>\n<ul>\n<li>Fixed naming consistency issues across the plugin for improved clarity and uniform structure.<\/li>\n<\/ul><\/li>\n<\/ul>","1.0.6 \u2013 18 May 2026":"<ul>\n<li>Updated Shortcode UI for better usability.<\/li>\n<li>Removed block preview and added Theme Switcher.<\/li>\n<li>Improved Pro Modal UI design and interaction.<\/li>\n<\/ul>","1.0.5 \u2013 4 March 2026":"<ul>\n<li>Added hotspot annotation size and text elements.<\/li>\n<\/ul>","1.0.4 \u2013 23 February 2026":"<ul>\n<li>Fixed the scroll wheel issue.<\/li>\n<li>Fixed the image cropping issue.<\/li>\n<li>Duplicate styles of hotspot annotation styles have been removed.<\/li>\n<\/ul>","1.0.3 \u2013 29 January, 2026":"<ul>\n<li>Added New 8 Premium Image Viewer Styles.<\/li>\n<\/ul>","1.0.2 \u2013 17 April, 2025":"<ul>\n<li>Added default image.<\/li>\n<\/ul>","1.0.1 \u2013 29 June 2024":"<ul>\n<li>Changed plugin display name, block name, updated banner, and updated feature map.<\/li>\n<\/ul>","1.0.0":"<ul>\n<li>Initial Release<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3065410,"resolution":"128x128","location":"assets","locale":"","width":150,"height":150}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3405983,"resolution":"772x250","location":"assets","locale":"","width":1444,"height":500}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3560804,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/plugins.php\",\"preferredVersions\":{\"php\":\"8.0\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"options\":{\"activate\":true},\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"image-viewer\"}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"}]}"}},"all_blocks":{"bpivb\/image-viewer-directory":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"bpivb\/image-viewer-directory","title":"Image Viewer","description":"A powerful Gutenberg block plugin that lets you display images with advanced interactive features like zoom, magnify, map view, hotspots, and Comparison Slider.","category":"widgets","keywords":["image","viewer","block","hotspot","magnify","map"],"textdomain":"image-viewer","attributes":{"align":{"type":"string","default":""},"cId":{"type":"string","default":""},"img":{"type":"object","default":{"id":null,"url":"https:\/\/templates.bplugins.com\/wp-content\/uploads\/2025\/02\/n-39.jpg","alt":"","title":""}},"viewerType":{"type":"string","default":"map"},"maps":{"type":"array","default":[{"mapColor":"#ddd6","mapBorder":{"color":"#080714e0","width":"0px","style":"solid"},"mapShow":false,"top":100,"left":100,"width":100,"height":100,"shape":"rect","link":"https:\/\/bplugins.com\/","title":"bPlugins","target":"_blank"}]},"zoom":{"type":"object","default":{"disablePan":false,"disableZoom":false,"disableXAxis":false,"disableYAxis":false,"duration":200,"panOnlyWhenZoomed":false,"startScale":1,"step":0.3,"contain":"null","border":{"color":"#11d67400","width":"2px","style":"solid"}}},"magnify":{"type":"object","default":{"shadow":[{"hOffset":"0px","vOffset":"0px","blur":"0px","spreed":"7px","color":"rgba(255, 255, 255, 0.85)","isInset":true}],"speed":200,"timeOut":-1,"finalWidth":500,"finalHeight":500,"magnifieWidth":500,"magnifieHeight":500,"limitBounds":true,"height":200}},"width":{"type":"string","default":"100%"},"height":{"type":"string","default":"320px"},"autoRotate":{"type":"boolean","default":true},"rotateSpeed":{"type":"number","default":2},"hideControl":{"type":"boolean","default":true},"autoPlay":{"type":"boolean","default":true},"imgRotation":{"type":"object","default":{"rotation":0,"flipType":"","brightness":100,"contrast":100,"imgRotationWidth":"100%","imgRotationHeight":{"desktop":"400px","tablet":"300px","mobile":"200px"}}},"masking":{"type":"object","default":{"maskingType":"circle","maskHeight":"400px","maskwidth":"100%","mask":{"shape":{"type":"circle","url":""},"size":{"type":"contain","scale":"50%"},"position":{"type":"center center","x":"50px","y":"50px"},"repeat":"no-repeat"}}},"viewport":{"type":"object","default":{"viewportType":"desktop","desktop":{"width":"100%","height":"468px"},"tablet":{"width":"480px","height":"640px"},"mobile":{"width":"360px","height":"568px"}}},"multiImages":{"type":"array","default":[{"id":"1","name":"Base Layer","url":"https:\/\/templates.bplugins.com\/wp-content\/uploads\/2025\/02\/n-39.jpg","opacity":100,"visible":true},{"id":"2","name":"Overlay 1","url":" https:\/\/templates.bplugins.com\/wp-content\/uploads\/2025\/11\/imagemapBplugins-scaled.jpg","opacity":50,"visible":true}]},"muitImagesStyle":{"type":"object","default":{"muitImageHeight":{"desktop":"480px","tablet":"360px","mobile":"208px"},"width":"100%"}},"aspectRatio":{"type":"object","default":{"selectedRatio":{"ratio":"1:1","class":"aspect-ratio-1-1"},"objectFitData":"Cover","aspectBg":"#1f2937"}},"hotspots":{"type":"array","default":[{"id":1,"x":"25%","y":"35%","title":"Workspace Setup","description":"Modern ergonomic desk with dual monitors for enhanced productivity","linkLabel":"Buy Now","link":"https:\/\/bplugins.com\/","isLinkNewTab":false,"icon":"<svg viewBox='0 0 24 24' fill='currentColor' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='m10 17.55-1.77 1.72a2.47 2.47 0 0 1-3.5-3.5l4.54-4.55a2.46 2.46 0 0 1 3.39-.09l.12.1a1 1 0 0 0 1.4-1.43 3 3 0 0 0-.18-.21 4.46 4.46 0 0 0-6.09.22l-4.6 4.55a4.48 4.48 0 0 0 6.33 6.33L11.37 19A1 1 0 0 0 10 17.55M20.69 3.31a4.49 4.49 0 0 0-6.33 0L12.63 5A1 1 0 0 0 14 6.45l1.73-1.72a2.47 2.47 0 0 1 3.5 3.5l-4.54 4.55a2.46 2.46 0 0 1-3.39.09l-.12-.1a1 1 0 0 0-1.4 1.43 3 3 0 0 0 .23.21 4.47 4.47 0 0 0 6.09-.22l4.55-4.55a4.49 4.49 0 0 0 .04-6.33'\/><\/svg>"},{"id":2,"x":"65%","y":"28%","title":"Natural Lighting","description":"Large windows provide excellent natural light, reducing eye strain","linkLabel":"Buy Now","link":"https:\/\/bplugins.com\/","isLinkNewTab":false,"icon":"<svg viewBox='0 0 24 24' fill='currentColor' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='m10 17.55-1.77 1.72a2.47 2.47 0 0 1-3.5-3.5l4.54-4.55a2.46 2.46 0 0 1 3.39-.09l.12.1a1 1 0 0 0 1.4-1.43 3 3 0 0 0-.18-.21 4.46 4.46 0 0 0-6.09.22l-4.6 4.55a4.48 4.48 0 0 0 6.33 6.33L11.37 19A1 1 0 0 0 10 17.55M20.69 3.31a4.49 4.49 0 0 0-6.33 0L12.63 5A1 1 0 0 0 14 6.45l1.73-1.72a2.47 2.47 0 0 1 3.5 3.5l-4.54 4.55a2.46 2.46 0 0 1-3.39.09l-.12-.1a1 1 0 0 0-1.4 1.43 3 3 0 0 0 .23.21 4.47 4.47 0 0 0 6.09-.22l4.55-4.55a4.49 4.49 0 0 0 .04-6.33'\/><\/svg>"},{"id":3,"x":"45%","y":"65%","title":"Collaboration Zone","description":"Open seating area designed for team meetings and creative sessions","linkLabel":"Buy Now","link":"https:\/\/bplugins.com\/","isLinkNewTab":false,"icon":"<svg viewBox='0 0 24 24' fill='currentColor' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='m10 17.55-1.77 1.72a2.47 2.47 0 0 1-3.5-3.5l4.54-4.55a2.46 2.46 0 0 1 3.39-.09l.12.1a1 1 0 0 0 1.4-1.43 3 3 0 0 0-.18-.21 4.46 4.46 0 0 0-6.09.22l-4.6 4.55a4.48 4.48 0 0 0 6.33 6.33L11.37 19A1 1 0 0 0 10 17.55M20.69 3.31a4.49 4.49 0 0 0-6.33 0L12.63 5A1 1 0 0 0 14 6.45l1.73-1.72a2.47 2.47 0 0 1 3.5 3.5l-4.54 4.55a2.46 2.46 0 0 1-3.39.09l-.12-.1a1 1 0 0 0-1.4 1.43 3 3 0 0 0 .23.21 4.47 4.47 0 0 0 6.09-.22l4.55-4.55a4.49 4.49 0 0 0 .04-6.33'\/><\/svg>"},{"id":4,"x":"80%","y":"55%","title":"Tech Equipment","description":"Latest design tools and high-performance computers","linkLabel":"Buy Now","link":"https:\/\/bplugins.com\/","isLinkNewTab":false,"icon":"<svg viewBox='0 0 24 24' fill='currentColor' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='m10 17.55-1.77 1.72a2.47 2.47 0 0 1-3.5-3.5l4.54-4.55a2.46 2.46 0 0 1 3.39-.09l.12.1a1 1 0 0 0 1.4-1.43 3 3 0 0 0-.18-.21 4.46 4.46 0 0 0-6.09.22l-4.6 4.55a4.48 4.48 0 0 0 6.33 6.33L11.37 19A1 1 0 0 0 10 17.55M20.69 3.31a4.49 4.49 0 0 0-6.33 0L12.63 5A1 1 0 0 0 14 6.45l1.73-1.72a2.47 2.47 0 0 1 3.5 3.5l-4.54 4.55a2.46 2.46 0 0 1-3.39.09l-.12-.1a1 1 0 0 0-1.4 1.43 3 3 0 0 0 .23.21 4.47 4.47 0 0 0 6.09-.22l4.55-4.55a4.49 4.49 0 0 0 .04-6.33'\/><\/svg>"}]},"hotspotAnnotations":{"type":"object","default":{"showTooltips":true,"ping":true,"footerText":true,"hostsImageWidth":"100%","hostsImageHeight":{"desktop":"","tablet":"","mobile":""},"textColor":"#111827","hotspotTextTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":600,"fontSize":{"desktop":12,"tablet":12,"mobile":12},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"activeBgColor":"#ecfdf5","activeColor":"#10b981","markerCircleColor":"#10b981","markerCircleBgColor":"white","pingActiveColor":"#10b981","markerCircleBorder":{"color":"#10b981","width":"4px","style":"solid"},"bgColor":"#FDFDFD","hotspotBorder":{"color":"rgb(247, 242, 240)","width":"2px","style":"solid"},"desColor":"#6b7280","hotspotDesTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":400,"fontSize":{"desktop":10,"tablet":10,"mobile":10},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"iconBgolor":"#E4E6EA","iconColor":"#4b5563","iconMargin":{"desktop":{"top":"11px","right":"0px","bottom":"0px","left":"0px"},"tablet":{"top":"11px","right":"0px","bottom":"0px","left":"0px"},"mobile":{"top":"11px","right":"0px","bottom":"0px","left":"0px"}},"hotspotAnnotationsSize":"40px","hotspotAnnotationsTextSize":"18px","hotspotTooltip":{"bgolor":"white","arrowColor":"white","radius":{"top":"8px","right":"8px","bottom":"8px","left":"8px"},"border":{"color":"#e5e7eb","width":"1px","style":"solid"},"padding":{"desktop":{"top":"4px","right":"16px","bottom":"4px","left":"16px"},"tablet":{"top":"4px","right":"16px","bottom":"4px","left":"16px"},"mobile":{"top":"4px","right":"16px","bottom":"4px","left":"16px"}},"tooltipTitleColor":"#111827","tooltipTitleTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":700,"fontSize":{"desktop":22,"tablet":21,"mobile":20},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"tooltipDesColor":"#4b5563","tooltipDesTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":300,"fontSize":{"desktop":14,"tablet":13,"mobile":12},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"tooltipLink":{"hoverColor":"#03fc30","tooltipTitleColor":"#10b981","tooltipTitleTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":500,"fontSize":{"desktop":14,"tablet":13,"mobile":13},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"toolsIconSize":"20px","toolsCloseIconSize":"20px","toolsCloseColor":"#000306ff","toolsCloseHoverColor":"#03fc30"}}}},"zoompanviewer":{"type":"object","default":{"zoompanWidth":"100%","zoompanHeight":{"desktop":"400px","tablet":"300px","mobile":"200px"},"text":"Scroll to zoom, drag to pan","dragText":"Drag to pan the image","drag":true,"dragDirectionX":true,"dragDirectionY":true,"zoomIn":true,"showHeaderButton":true,"zoomHeight":"690px","zoomWidth":"100%","zoomRadius":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"zoomContentBg":"#0BAB77","zoomTextColor":"#ffffff","zoomTextTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":600,"fontSize":{"desktop":18,"tablet":18,"mobile":18},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"zoomButtonBorder":{"color":"#0b0a0a","width":"2px","style":"solid"},"buttonRadius":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"dragTextColor":"white","dragBgColor":"rgba(0, 0, 0, 0.6)","dragTextTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":500,"fontSize":{"desktop":14,"tablet":14,"mobile":14},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"dragPadding":{"desktop":{"top":"8px","right":"16px","bottom":"8px","left":"16px"},"tablet":{"top":"8px","right":"16px","bottom":"8px","left":"16px"},"mobile":{"top":"8px","right":"16px","bottom":"8px","left":"16px"}},"dragRadius":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}}},"comparisonSlider":{"type":"object","default":{"beforeImg":{"id":null,"url":"https:\/\/templates.bplugins.com\/wp-content\/uploads\/2025\/11\/charlie-green-3JmfENcL24M-unsplash-scaled-1.jpg","alt":"","title":""},"afterImg":{"id":null,"url":"https:\/\/templates.bplugins.com\/wp-content\/uploads\/2025\/11\/charlie-green-3JmfENcL24M-unsplash-scaled-modified.jpg","alt":"","title":""},"sliderWidth":"100%","sliderHeight":{"desktop":"420px","tablet":"420px","mobile":"250px"},"sliderRadius":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"sliderBgColor":"#00000066","sliderTextColor":"white","sliderTextTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":700,"fontSize":{"desktop":14,"tablet":14,"mobile":14},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"buttontext":{"labelBefore":"Before","labelAfter":"After","before":"Show Before","center":"Center View","after":"Show After","radius":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"textColor":"white","textTypo":{"fontFamily":"Manrope","fontCategory":"sans-serif","fontWeight":600,"fontSize":{"desktop":18,"tablet":18,"mobile":18},"fontStyle":"","textTransform":"","textDecoration":"","lineHeight":"","letterSpace":""},"bgColor":{"before":"linear-gradient(to right, #4b5563, #374151)","center":"linear-gradient(to right, #16a34a, #84cc16)","after":"linear-gradient(to right, #2563eb, #06b6d4)"}},"beforeRadius":{"top":"8px","right":"8px","bottom":"8px","left":"8px"},"icon":"<svg className=\"ics-handle-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" ><path d=\"M8 3 4 7l4 4\"><\/path><path d=\"M4 7h16\"><\/path><path d=\"m16 21 4-4-4-4\"><\/path><path d=\"M20 17H4\"><\/path><\/svg>","comparisonButton":true,"swapButton":false,"labelPosition":"top","showLabel":true,"sliderDirection":"horizontal"}}},"supports":{"align":["wide","full"],"html":false},"example":{"attributes":{"preview":true,"columns":{"desktop":1,"tablet":1,"mobile":1}}},"editorScript":["file:.\/index.js","jquery","panzoom","magnify","three","panoramajs","wp-api","wp-util"],"editorStyle":["file:.\/index.css","magnify"],"style":["file:.\/view.css","magnify"],"render":"file:.\/render.php","viewScript":["file:.\/view.js","jquery","panzoom","magnify","three","panoramajs"]}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7"],"block_files":["\/tags\/1.0.7\/build\/index.js","\/tags\/1.0.7\/build\/index.css","\/tags\/1.0.7\/build\/view.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3414841,"resolution":"1","location":"assets","locale":"","width":1128,"height":846},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3414841,"resolution":"10","location":"assets","locale":"","width":1128,"height":846},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3414841,"resolution":"11","location":"assets","locale":"","width":1128,"height":846},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3414841,"resolution":"12","location":"assets","locale":"","width":1128,"height":846},"screenshot-13.png":{"filename":"screenshot-13.png","revision":3414841,"resolution":"13","location":"assets","locale":"","width":1128,"height":846},"screenshot-14.png":{"filename":"screenshot-14.png","revision":3414841,"resolution":"14","location":"assets","locale":"","width":1128,"height":846},"screenshot-15.png":{"filename":"screenshot-15.png","revision":3414841,"resolution":"15","location":"assets","locale":"","width":1128,"height":846},"screenshot-16.png":{"filename":"screenshot-16.png","revision":3414841,"resolution":"16","location":"assets","locale":"","width":1128,"height":846},"screenshot-17.png":{"filename":"screenshot-17.png","revision":3414841,"resolution":"17","location":"assets","locale":"","width":1128,"height":846},"screenshot-18.png":{"filename":"screenshot-18.png","revision":3414841,"resolution":"18","location":"assets","locale":"","width":1128,"height":846},"screenshot-19.png":{"filename":"screenshot-19.png","revision":3414841,"resolution":"19","location":"assets","locale":"","width":1128,"height":846},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3414841,"resolution":"2","location":"assets","locale":"","width":1128,"height":846},"screenshot-20.png":{"filename":"screenshot-20.png","revision":3414841,"resolution":"20","location":"assets","locale":"","width":1128,"height":846},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3414841,"resolution":"3","location":"assets","locale":"","width":1128,"height":846},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3414841,"resolution":"4","location":"assets","locale":"","width":1128,"height":846},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3414841,"resolution":"5","location":"assets","locale":"","width":1128,"height":846},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3414841,"resolution":"6","location":"assets","locale":"","width":1128,"height":846},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3414841,"resolution":"7","location":"assets","locale":"","width":1128,"height":846},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3414841,"resolution":"8","location":"assets","locale":"","width":1128,"height":846},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3414841,"resolution":"9","location":"assets","locale":"","width":1128,"height":846}},"screenshots":{"1":"Zoom Preview","2":"Zoom Settings","3":"Magnify Preview &amp; Settings","4":"Map Preview &amp; Settings","5":"Map Settings","6":"Pano or Rotation Preview &amp; Settings","7":"Transform Image Preview &amp; Settings","8":"Masking Preview &amp; Settings","9":"Viewport Preview &amp; Settings","10":"MultImage Overlay Preview","11":"MultImage Overlay Settings","12":"Aspect Ratio Preview","13":"Aspect Ratio Settings","14":"Hotspot Annotations Preview","15":"Hotspot Annotations General Settings","16":"Hotspot Annotations Style Settings","17":"Zoom &amp; Pan Viewer Preview","18":"Zoom &amp; Pan Viewer General &amp; Style Settings","19":"Image Comparison Slider Preview","20":"Image Comparison Slider General &amp; Style Settings"}},"plugin_section":[172757],"plugin_tags":[130737,1220,151844,604,265804],"plugin_category":[],"plugin_contributors":[183994,226291,241934],"plugin_business_model":[],"class_list":["post-188866","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-before-after-slider","plugin_tags-block","plugin_tags-gutenberg-block","plugin_tags-image-gallery","plugin_tags-photo-viewer","plugin_contributors-abuhayat","plugin_contributors-bplugins","plugin_contributors-tomorbplugins","plugin_committers-abuhayat","plugin_committers-bplugins","plugin_committers-tomorbplugins","plugin_support_reps-tomorbplugins"],"banners":{"banner":"https:\/\/ps.w.org\/image-viewer\/assets\/banner-772x250.png?rev=3405983","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/image-viewer\/assets\/icon-128x128.png?rev=3065410","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-1.png?rev=3414841","caption":"Zoom Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-2.png?rev=3414841","caption":"Zoom Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-3.png?rev=3414841","caption":"Magnify Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-4.png?rev=3414841","caption":"Map Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-5.png?rev=3414841","caption":"Map Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-6.png?rev=3414841","caption":"Pano or Rotation Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-7.png?rev=3414841","caption":"Transform Image Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-8.png?rev=3414841","caption":"Masking Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-9.png?rev=3414841","caption":"Viewport Preview &amp; Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-10.png?rev=3414841","caption":"MultImage Overlay Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-11.png?rev=3414841","caption":"MultImage Overlay Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-12.png?rev=3414841","caption":"Aspect Ratio Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-13.png?rev=3414841","caption":"Aspect Ratio Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-14.png?rev=3414841","caption":"Hotspot Annotations Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-15.png?rev=3414841","caption":"Hotspot Annotations General Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-16.png?rev=3414841","caption":"Hotspot Annotations Style Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-17.png?rev=3414841","caption":"Zoom &amp; Pan Viewer Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-18.png?rev=3414841","caption":"Zoom &amp; Pan Viewer General &amp; Style Settings"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-19.png?rev=3414841","caption":"Image Comparison Slider Preview"},{"src":"https:\/\/ps.w.org\/image-viewer\/assets\/screenshot-20.png?rev=3414841","caption":"Image Comparison Slider General &amp; Style Settings"}],"raw_content":"<!--section=description-->\n<p>All In One Image Viewer is a powerful and feature-rich WordPress Image Viewer Plugin designed for Gutenberg. It helps you create interactive image experiences using Image Zoom, Image Magnifier, Image Map, Image Rotation, Hotspot Annotations, Image Comparison Slider, Zoom Pan Viewer, Image Overlay, Image Masking, Image Transform, Viewport Controls, and Aspect Ratio management.<\/p>\n\n<p>Whether you run an eCommerce store, photography portfolio, real estate website, educational platform, art galleries, media website, agency, or business website, this plugin makes it easy to display images more engagingly and interactively.<\/p>\n\n<p><strong><a href=\"https:\/\/bplugins.com\/products\/image-viewer\/\">Image Viewer<\/a><\/strong> | <a href=\"https:\/\/bplugins.com\/products\/image-viewer\/pricing\/\"><strong>Pricing<\/strong><\/a> | <strong><a href=\"https:\/\/bplugins.com\/docs\/image-viewer\">Documentation<\/a>  | <a href=\"https:\/\/bplugins.com\/support\/\"><strong>Support<\/strong><\/a><\/strong><\/p>\n\n<h3>Key Features \u2013 Free Version<\/h3>\n\n<p>\u2013 <strong>Four Image Viewer Modes<\/strong>: Choose from Zoom, Magnify, Map, and Rotation viewer modes to display images in the most suitable way for your content.<\/p>\n\n<p>\u2013 <strong>Zoom Viewer with Full Controls<\/strong>:  Enable or disable Pan, Zoom, X-Axis, and Y-Axis, set Start Scale, and control Zoom Step for precise image inspection.<\/p>\n\n<p>\u2013 <strong>Magnify Viewer Options<\/strong>: Highlight specific image areas using magnification with adjustable speed and timeout settings.<\/p>\n\n<p>\u2013 <strong>Interactive Image Map<\/strong>: Add multiple map items on an image with full control over: Link URL, Link target, Title, Width &amp; height, Top &amp; left positioning, Drag &amp; drop placement for each map item.<\/p>\n\n<p>\u2013 <strong>Rotation Viewer<\/strong>: Rotate images smoothly with options to: Set custom width and height, Enable or disable auto-rotation, Control auto-rotate speed, Hide or show rotation controls.<\/p>\n\n<p>\u2013 <strong>Responsive &amp; Touch Friendly<\/strong> : Works smoothly on desktop, tablet, and mobile devices, including touch gestures.<\/p>\n\n<p>\u2013 <strong>Unlimited Usage<\/strong>: Use the Image Viewer block unlimited times across posts and pages.<\/p>\n\n<p>\u2013 <strong>Theme Compatibility<\/strong>: Fully compatible with all standard WordPress themes.<\/p>\n\n<p>\u2013 <strong>Lightweight &amp; Performance Optimized<\/strong>: Clean and optimized code ensures fast loading and smooth interaction.<\/p>\n\n<h3>Pro Version Features<\/h3>\n\n<p>\u2013 <strong>8 Premium Viewer Styles<\/strong>:  Choose from 8 professionally designed styles for modern and visually appealing image presentation.<\/p>\n\n<p>\u2013 <strong>Fully Responsive Design<\/strong>:  All Pro styles are 100% responsive, optimized for desktop, tablet, and mobile devices.<\/p>\n\n<p>\u2013 <strong>Custom Styling Options<\/strong>: Control border radius, background colors, shadows, padding, margins, and image positioning \u2014 design each viewer your way.<\/p>\n\n<p>\u2013 <strong>Advanced Typography Controls<\/strong>: Customize font family, size, weight, line height, color, and alignment for titles, labels, and captions.<\/p>\n\n<p>\u2013 <strong>Zoom Pan Viewer<\/strong>: Advanced zoom and pan image viewing with full control over viewer width &amp; height, zoom in\/out, drag &amp; pan interaction, header buttons, and smooth mouse, scroll, and touch gesture support.<\/p>\n\n<p>\u2013 <strong>Transform Image<\/strong>: Advanced image transformation with full control over viewer width &amp; height, image rotation angle, flip direction, brightness and contrast adjustment, and one-click reset for precise visual tuning.<\/p>\n\n<p>\u2013 <strong>Masking<\/strong>: Creative image masking with full control over mask shape, size, position, repeat behavior, and custom width &amp; height to highlight or reveal specific areas with precision.<\/p>\n\n<p>\u2013 <strong>Image Comparison Slider<\/strong>: Interactive before\/after image comparison with full control over viewer width &amp; height, image swap, label show\/hide, label position, custom before\/after texts, divider icon customization, and optional control buttons for a clear comparison experience.<\/p>\n\n<p>\u2013 <strong>Image Viewport<\/strong>: Device-based image viewport control with separate width and height (settings for desktop, tablet, and mobile, ensuring perfectly optimized image display on every screen.<\/p>\n\n<p>\u2013 <strong>Multi Image Overlay<\/strong>: Display multiple images in layered overlay mode with add, delete, and duplicate, individual visibility toggle, opacity control, and precise width &amp; height settings for advanced visual composition.<\/p>\n\n<p>\u2013 <strong>Hotspot Annotations<\/strong>: Create interactive image hotspots with add, delete, and duplicate hotspot support, precise X\/Y positioning, tooltip enable\/disable, ping animation toggle, footer show\/hide, custom hotspot title &amp; description, button icon, button text, URL linking with new-tab option, and full control over viewer width &amp; height.<\/p>\n\n<p>\u2013 <strong>Image Aspect Ratio<\/strong>: Choose predefined aspect ratios (1:1, 16:9, 4:3, 3:2, 21:9) with object-fit modes (cover, contain, fill) and custom background color control to ensure perfectly proportioned images across all layouts and devices.<\/p>\n\n<h3>Why Choose All In One Image Viewer?<\/h3>\n\n<p>If you are looking for a complete Image Viewer Plugin for WordPress, this plugin provides multiple image interaction tools in a single Gutenberg block. All In One Image Viewer combines multiple image interaction technologies into a single Gutenberg block, allowing website owners to create engaging, responsive, and interactive image experiences without writing code.<\/p>\n\n<p>Whether you need an Image Zoom Plugin, Image Magnifier, Interactive Image Map, Before After Image Slider, Hotspot Image Viewer, or Zoom Pan Viewer, this plugin provides everything in one solution.<\/p>\n\n<h3>With All In One Image Viewer, you can:<\/h3>\n\n<p>\u2714 Create interactive Image Zoom effects<\/p>\n\n<p>\u2714 Add Image Magnifier functionality<\/p>\n\n<p>\u2714 Build clickable Image Maps<\/p>\n\n<p>\u2714 Create Before &amp; After Image Comparison Sliders<\/p>\n\n<p>\u2714 Add Hotspot Annotations with tooltips<\/p>\n\n<p>\u2714 Enable smooth Zoom and Pan interactions<\/p>\n\n<p>\u2714 Rotate images interactively<\/p>\n\n<p>\u2714 Create layered Multi Image Overlays<\/p>\n\n<p>\u2714 Apply creative Image Masking effects<\/p>\n\n<p>\u2714 Transform images with rotation and flipping<\/p>\n\n<p>\u2714 Control image display using responsive Viewports<\/p>\n\n<p>\u2714 Manage custom Aspect Ratios across devices<\/p>\n\n<p>\u2714 Improve image engagement and user interaction<\/p>\n\n<p>\u2714 Enhance WooCommerce product image presentation<\/p>\n\n<p>\u2714 Display professional photography portfolios<\/p>\n\n<h3>Why is All In One Image Viewer such a game-changer?<\/h3>\n\n<ul>\n<li><p><strong>Configure<\/strong> \u2014 You can easily modify the Image Viewer plugin to suit your needs. Your work will go more quickly thanks to the Image Viewer plugin's features and simplicity of use.<\/p><\/li>\n<li><p><strong>There are eight different viewer types<\/strong> \u2014 rotate, zoom, map, zoom pan viewer, viewport, comparison slider, aspect ratio, masking, multi image overlay, hotspot, and transform.<\/p><\/li>\n<li><p><strong>Customer Service<\/strong> \u2014 Our staff is always available to assist you. It's easy for users to <a href=\"https:\/\/bplugins.com\/support\"><strong>ask questions<\/strong><\/a> and get quick answers.<\/p><\/li>\n<li><p><strong>Updates<\/strong> \u2014 With frequent updates, we bring the functionality and performance of the plugin up to date. Upgrading to newer versions is also easy, ensuring uninterrupted service.<\/p><\/li>\n<\/ul>\n\n<h3>How to use<\/h3>\n\n<p>\u2013 First, install the All In One Image Viewer plugin.\n\u2013 Add the Image viewer block from the block category called \"Widgets\" in the Gutenberg editor.\n\u2013 You can change block settings from the right-side settings sidebar.\n\u2013 Enjoy!<\/p>\n\n<ul>\n<li>For installation help, click on the Installation Tab<\/li>\n<\/ul>\n\n<h3>External Services<\/h3>\n\n<p>This plugin connects to the following external services from the admin dashboard:<\/p>\n\n<h4>bPlugins Products API<\/h4>\n\n<ul>\n<li><strong>Service URL:<\/strong> <a href=\"https:\/\/api.bplugins.com\">https:\/\/api.bplugins.com<\/a><\/li>\n<li><strong>Purpose:<\/strong> The plugin's admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.<\/li>\n<li><strong>Data Sent:<\/strong> Only the plugin slug is transmitted; no personal or site data is collected.<\/li>\n<li><strong>Terms of Service:<\/strong> <a href=\"https:\/\/bplugins.com\/terms-of-service\/\">https:\/\/bplugins.com\/terms-of-service\/<\/a><\/li>\n<li><strong>Privacy Policy:<\/strong> <a href=\"https:\/\/bplugins.com\/privacy-policy\/\">https:\/\/bplugins.com\/privacy-policy\/<\/a><\/li>\n<\/ul>\n\n<h4>Freemius (wp.freemius.com)<\/h4>\n\n<ul>\n<li><strong>Endpoint:<\/strong> https:\/\/wp.freemius.com\/<\/li>\n<li><strong>Used for:<\/strong> Processing plugin opt-in consent form submissions.<\/li>\n<li><strong>Data sent:<\/strong> Only after explicit user opt-in \u2014 user name, email, site URL, WP\/PHP version, plugin version.<\/li>\n<li><strong>Terms of Service:<\/strong> <a href=\"https:\/\/freemius.com\/terms\/\">https:\/\/freemius.com\/terms\/<\/a><\/li>\n<li><strong>Privacy Policy:<\/strong> <a href=\"https:\/\/freemius.com\/privacy\/\">https:\/\/freemius.com\/privacy\/<\/a><\/li>\n<\/ul>\n\n<h4>WordPress.org Plugins API<\/h4>\n\n<ul>\n<li><strong>Service URL:<\/strong> <a href=\"https:\/\/api.wordpress.org\">https:\/\/api.wordpress.org<\/a><\/li>\n<li><strong>Purpose:<\/strong> The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (\"Our Plugins\" section).<\/li>\n<li><strong>Data Sent:<\/strong> Plugin slugs and author name; no personal or site data is collected.<\/li>\n<li><strong>Terms of Service:<\/strong> <a href=\"https:\/\/wordpress.com\/tos\/\">https:\/\/wordpress.com\/tos\/<\/a><\/li>\n<li><strong>Privacy Policy:<\/strong> <a href=\"https:\/\/wordpress.org\/about\/privacy\/\">https:\/\/wordpress.org\/about\/privacy\/<\/a><\/li>\n<\/ul>\n\n<h3>Third-Party Libraries<\/h3>\n\n<ul>\n<li><strong>Source \/ GitHub:<\/strong>  <a href=\"https:\/\/github.com\/bPlugins\/bpl-tools\"><strong>Bpl-Tools GitHub<\/strong><\/a><\/li>\n<li><strong>License:<\/strong> <a href=\"https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\"><strong>GPL-2.0-or-later<\/strong><\/a><\/li>\n<li><strong>Purpose:<\/strong> Shared utility library providing admin dashboard components and common Gutenberg editor controls.<\/li>\n<li><strong>External Services:<\/strong> The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: <a href=\"https:\/\/github.com\/bPlugins\/bpl-tools#external-requests\u2013why-they-are-made\">https:\/\/github.com\/bPlugins\/bpl-tools#external-requests\u2013why-they-are-made<\/a><\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>From Gutenberg Editor:<\/h4>\n\n<ol>\n<li>Go to the WordPress Block\/Gutenberg Editor<\/li>\n<li>Search For <strong>Image viewer<\/strong><\/li>\n<li>Click on the <strong>Image viewer<\/strong> to add the block<\/li>\n<\/ol>\n\n<h4>Download &amp; Upload:<\/h4>\n\n<ol>\n<li>Download the <strong>Image viewer<\/strong> plugin (<em>.zip file<\/em>)<\/li>\n<li>In your admin area, go to the Plugins menu and click on <strong>Add New<\/strong><\/li>\n<li>Click on <strong>Upload Plugin<\/strong> and choose the <strong><code>imager-viewer.zip<\/code><\/strong> file and click on <strong>Install Now<\/strong><\/li>\n<li>Activate the plugin and Enjoy!<\/li>\n<\/ol>\n\n<h4>Manually:<\/h4>\n\n<ol>\n<li>Download and upload the <strong>Image viewer<\/strong> plugin to the <strong><code>\/wp-content\/plugins\/<\/code><\/strong> directory<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20image%20viewer%20free%3F\"><h3>Is Image viewer free?<\/h3><\/dt>\n<dd><p>Yes, Image viewer is a free Gutenberg block plugin.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20any%20wordpress%20theme%3F\"><h3>Does it work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes, it will work with any standard WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20change%20block%20settings%3F\"><h3>Can I change block settings?<\/h3><\/dt>\n<dd><p>Yes, you can change block settings from the Gutenberg block editor's right sidebar.<\/p><\/dd>\n<dt id=\"how%20many%20times%20can%20i%20reuse%20a%20block%3F\"><h3>How many times can I reuse a block?<\/h3><\/dt>\n<dd><p>You can use unlimited times as you want.<\/p><\/dd>\n<dt id=\"does%20this%20block%20require%20any%20coding%20knowledge%3F\"><h3>Does this block require any coding knowledge?<\/h3><\/dt>\n<dd><p>No, this block is beginner-friendly and does not require any coding knowledge to use.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.7 \u2013 4 June 2026<\/h4>\n\n<ul>\n<li>Updated API version for improved performance and compatibility.<\/li>\n<li>Improved notice modal UI with a new modern design style.<\/li>\n<li>Fixed naming consistency issues across the plugin for improved clarity and uniform structure.<\/li>\n<\/ul>\n\n<h4>1.0.6 \u2013 18 May 2026<\/h4>\n\n<ul>\n<li>Updated Shortcode UI for better usability.<\/li>\n<li>Removed block preview and added Theme Switcher.<\/li>\n<li>Improved Pro Modal UI design and interaction.<\/li>\n<\/ul>\n\n<h4>1.0.5 \u2013 4 March 2026<\/h4>\n\n<ul>\n<li>Added hotspot annotation size and text elements.<\/li>\n<\/ul>\n\n<h4>1.0.4 \u2013 23 February 2026<\/h4>\n\n<ul>\n<li>Fixed the scroll wheel issue.<\/li>\n<li>Fixed the image cropping issue.<\/li>\n<li>Duplicate styles of hotspot annotation styles have been removed.<\/li>\n<\/ul>\n\n<h4>1.0.3 \u2013 29 January, 2026<\/h4>\n\n<ul>\n<li>Added New 8 Premium Image Viewer Styles.<\/li>\n<\/ul>\n\n<h4>1.0.2 \u2013 17 April, 2025<\/h4>\n\n<ul>\n<li>Added default image.<\/li>\n<\/ul>\n\n<h4>1.0.1 \u2013 29 June 2024<\/h4>\n\n<ul>\n<li>Changed plugin display name, block name, updated banner, and updated feature map.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"A Gutenberg block to display images with zoom, magnify, map, pan viewer, comparison slider, masking, transform, and more.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/188866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=188866"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=188866"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=188866"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=188866"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=188866"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=188866"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=188866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}