{"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-04-03T10:15:11","modified_gmt":"2026-04-03T10:15:11","slug":"image-viewer","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/image-viewer\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.5","stable_tag":"1.0.5","tested":"6.9.4","requires":"5.0","requires_php":"7.1","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-04-03 10:15:11","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":4420,"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-04-03 10:15:11"}},"upgrade_notice":{"1.0.3 - 29 January, 2026":"<ul>\n<li>Added New 8 Premium Image Viewer Styles.<\/li>\n<\/ul>","1.0.2 - 17 April, 2025":"<ul>\n<li>Added default image.<\/li>\n<\/ul>","1.0.1 - 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":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3405983,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3498116,"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":2,"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"],"block_files":["\/tags\/1.0.5\/build\/index.js","\/tags\/1.0.5\/build\/index.css","\/tags\/1.0.5\/build\/view.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3414841,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3414841,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3414841,"resolution":"11","location":"assets","locale":""},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3414841,"resolution":"12","location":"assets","locale":""},"screenshot-13.png":{"filename":"screenshot-13.png","revision":3414841,"resolution":"13","location":"assets","locale":""},"screenshot-14.png":{"filename":"screenshot-14.png","revision":3414841,"resolution":"14","location":"assets","locale":""},"screenshot-15.png":{"filename":"screenshot-15.png","revision":3414841,"resolution":"15","location":"assets","locale":""},"screenshot-16.png":{"filename":"screenshot-16.png","revision":3414841,"resolution":"16","location":"assets","locale":""},"screenshot-17.png":{"filename":"screenshot-17.png","revision":3414841,"resolution":"17","location":"assets","locale":""},"screenshot-18.png":{"filename":"screenshot-18.png","revision":3414841,"resolution":"18","location":"assets","locale":""},"screenshot-19.png":{"filename":"screenshot-19.png","revision":3414841,"resolution":"19","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3414841,"resolution":"2","location":"assets","locale":""},"screenshot-20.png":{"filename":"screenshot-20.png","revision":3414841,"resolution":"20","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3414841,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3414841,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3414841,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3414841,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3414841,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3414841,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3414841,"resolution":"9","location":"assets","locale":""}},"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"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[1220,251760,6713,35972,853],"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-block","plugin_tags-gutenbergblock","plugin_tags-image-viewer","plugin_tags-magnify","plugin_tags-zoom","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 Block is a customizable WordPress plugin that includes zoom, pan, map, zoom pan viewer, viewport,comparison slider, aspect ratio, masking, transform and magnify options for a more immersive image viewing experience.<\/p>\n\n<p><strong><a href=\"https:\/\/bplugins.com\/products\/image-viewer\/\">Demos<\/a><\/strong> | <strong><a href=\"https:\/\/bplugins.com\/docs\/image-viewer\">Documentation<\/a><\/strong><\/p>\n\n<h3>Key Features \u2013 Free Version<\/h3>\n\n<ul>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><strong>Magnify Viewer Options<\/strong>: Highlight specific image areas using magnification with adjustable speed and timeout settings.<\/p><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><strong>Responsive &amp; Touch Friendly<\/strong> : Works smoothly on desktop, tablet, and mobile devices, including touch gestures.<\/p><\/li>\n<li><p><strong>Unlimited Usage<\/strong>: Use the Image Viewer block unlimited times across posts and pages.<\/p><\/li>\n<li><p><strong>Theme Compatibility<\/strong>: Fully compatible with all standard WordPress themes.<\/p><\/li>\n<li><p><strong>Lightweight &amp; Performance Optimized<\/strong>: Clean and optimized code ensures fast loading and smooth interaction.<\/p><\/li>\n<\/ul>\n\n<h3>Pro Version Features<\/h3>\n\n<ul>\n<li><p><strong>8 Premium Viewer Styles<\/strong>:  Choose from 8 professionally designed styles for modern and visually appealing image presentation.<\/p><\/li>\n<li><p><strong>Fully Responsive Design<\/strong>:  All Pro styles are 100% responsive, optimized for desktop, tablet, and mobile devices.<\/p><\/li>\n<li><p><strong>Custom Styling Options<\/strong>: Control border radius, background colors, shadows, padding, margins, and image positioning \u2014 design each viewer your way.<\/p><\/li>\n<li><p><strong>Advanced Typography Controls<\/strong>: Customize font family, size, weight, line height, color, and alignment for titles, labels, and captions.<\/p><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<li><p><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><\/li>\n<\/ul>\n\n<h3>The Best All In One Image Viewer Plugin For WordPress Is Here \u2605\u2605\u2605\u2605<\/h3>\n\n<p>All In One Image Viewer is a versatile WordPress plugin that provides an intuitive and user-friendly interface for viewing images. With various customization options and features, including zooming, panning, and fullscreen mode, it offers a seamless and immersive image viewing experience for your website visitors.<\/p>\n\n<p>The All In One Image Viewer plugin allows you to easily view images in a variety of ways. User can view desired images depending on the type of viewer used. There are eight modes in total: Zoom, Magnify, Map, Zoom Pan Viewer, Viewport,Comparison Slider, Aspect Ratio, Masking, Transform, Multi Image Overlay, Hotspot and Rotation. This plugin will be the best to improve your image viewing experience.<\/p>\n\n<p>You can examine different areas of the image more closely using the zoom option. This is especially helpful when checking small text or other details.<\/p>\n\n<p>By activating the Magnify feature you can magnify certain areas together, which is very helpful for creative design or photography.<\/p>\n\n<p>Moreover, the map feature allows you to quickly scroll to any specific area of \u200b\u200bthe image, facilitating navigation between large images.<\/p>\n\n<p>You can rotate the image to different angles using the rotation function, which will help to understand different characters or subjects from different perspectives.<\/p>\n\n<h3>ALL IN ONE IMAGE VIEWER IS PERFECT FOR<\/h3>\n\n<ul>\n<li><strong>Photo Galleries<\/strong><\/li>\n<li><strong>Media Websites<\/strong><\/li>\n<li><strong>E-commerce<\/strong><\/li>\n<li><strong>Presentations and Slideshows<\/strong><\/li>\n<li><strong>Photography Websites<\/strong><\/li>\n<li><strong>Art Galleries<\/strong><\/li>\n<\/ul>\n\n<h3>ALL IN ONE IMAGE VIEWER PLUGIN GAME-CHANGING FEATURES<\/h3>\n\n<p>See the features that make Image-viewer the <strong>Best All In One Image Viewer for WordPress<\/strong>.<\/p>\n\n<ul>\n<li>Eight types of image view: Map, Zoom, Magnify, Zoom Pan Viewer, Viewport, Comparison Slider, Aspect Ratio, Masking, Transform, Multi Image Overlay, Hotspot and Rotation.<\/li>\n<li>Map Options:  You can add numerous map items.\n            Each item's link, title, width, height, top, and left can be specified.\n            You can set the link target to _blank, _self.\n            Individual maps are draggable and droppable.<\/li>\n<li>Zoom Options: Enable\/disable Pan, Zoom, X Axis, And Y Axis; Set Start Scale and Step.<\/li>\n<li>Magnify Options: Adjust Speed and Timeout.<\/li>\n<li>Rotation Options: Set Width and Height, Enable\/disable auto rotation, Adjust auto rotate speed, Hide controls.<\/li>\n<\/ul>\n\n<h3>Why All In One Image Viewer is 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<h4>All In One Image Viewer is perfect for:<\/h4>\n\n<p>\u2714 Bloggers\n\u2714 Course Creators\n\u2714 Coaches \/ Trainers\n\u2714 eCommerce Store Owners\n\u2714 Niche Sites\n\u2714 Businesses\n\u2714 Local Businesses\n\u2714 Startups\n\u2714 Personal Brands\n\u2714 Real Estate Agents\n\u2714 Artists &amp; Photographers\n\u2714 All WordPress Websites<\/p>\n\n<h4>How to use<\/h4>\n\n<ul>\n<li>First install the All In One Image Viewer plugin.<\/li>\n<li>Add the Image viewer block from the block category called \"Widgets\" in Gutenberg editor.<\/li>\n<li>You can change block settings from the right-side settings sidebar.<\/li>\n<li><p>Enjoy!<\/p><\/li>\n<li><p>For installation help click on Installation Tab<\/p><\/li>\n<\/ul>\n\n<h4>Feedback<\/h4>\n\n<ul>\n<li>Liked that plugin? Hate it? Want a new feature? <a href=\"https:\/\/wordpress.org\/support\/plugin\/click-to-copy\/\" title=\"Send feedback\">Send me some feedback<\/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.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 - 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 - 17 April, 2025<\/h4>\n\n<ul>\n<li>Added default image.<\/li>\n<\/ul>\n\n<h4>1.0.1 - 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:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/188866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=188866"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=188866"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=188866"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=188866"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=188866"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=188866"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=188866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}