diff --git a/src/GlassMagnifier.js b/src/GlassMagnifier.js
index a2fb255..0e43bfc 100644
--- a/src/GlassMagnifier.js
+++ b/src/GlassMagnifier.js
@@ -12,6 +12,7 @@ const GlassMagnifier = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     magnifierBorderSize,
     magnifierBorderColor,
     magnifierBackgroundColor,
@@ -54,6 +55,7 @@ const GlassMagnifier = props => {
         imageSrc={imageSrc}
         largeImageSrc={largeImageSrc}
         imageAlt={imageAlt}
+        imageOtherProps={imageOtherProps}
         square={square}
         magnifierOffsetX={magnifierOffsetX}
         magnifierOffsetY={magnifierOffsetY}
@@ -76,6 +78,7 @@ GlassMagnifier.propTypes = {
     PropTypes.arrayOf(PropTypes.string)
   ]),
   imageAlt: PropTypes.string,
+  imageOtherProps: PropTypes.object,
   allowOverflow: PropTypes.bool,
   magnifierBorderSize: PropTypes.number,
   magnifierBorderColor: PropTypes.string,
@@ -96,6 +99,7 @@ GlassMagnifier.defaultProps = {
   imageSrc: "",
   largeImageSrc: "",
   imageAlt: "",
+  imageOtherProps: {},
   allowOverflow: false,
   magnifierBorderSize: 3,
   magnifierBorderColor: "rgba(255,255,255,.5)",
diff --git a/src/GlassRenderer.js b/src/GlassRenderer.js
index bbf78b9..7562fb1 100644
--- a/src/GlassRenderer.js
+++ b/src/GlassRenderer.js
@@ -14,6 +14,7 @@ const GlassRenderer = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     magnifierBorderSize,
     magnifierBorderColor,
     magnifierBackgroundColor,
@@ -53,6 +54,7 @@ const GlassRenderer = props => {
   return (
     <React.Fragment>
       <Image
+        {...(imageOtherProps || {})}
         style={{
           width: "100%",
           display: "block",
@@ -81,6 +83,7 @@ const GlassRenderer = props => {
         }}
       >
         <Image
+          {...(imageOtherProps || {})}
           style={styles.getLargeImageStyle(position.x, position.y, isActive)}
           ref={itemRef}
           src={largeImageSrc || imageSrc}
diff --git a/src/Magnifier.js b/src/Magnifier.js
index 2cc52c5..1b98d47 100644
--- a/src/Magnifier.js
+++ b/src/Magnifier.js
@@ -12,6 +12,7 @@ const Magnifier = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     cursorStyle,
     cursorStyleActive,
     renderOverlay,
@@ -50,6 +51,7 @@ const Magnifier = props => {
         imageSrc={imageSrc}
         largeImageSrc={largeImageSrc}
         imageAlt={imageAlt}
+        imageOtherProps={imageOtherProps}
         renderOverlay={renderOverlay}
         cursorStyle={cursorStyle}
         cursorStyleActive={finalActiveCursorStyle}
@@ -72,6 +74,7 @@ Magnifier.propTypes = {
     PropTypes.arrayOf(PropTypes.string)
   ]),
   imageAlt: PropTypes.string,
+  imageOtherProps: PropTypes.object,
   cursorStyle: PropTypes.string,
   cursorStyleActive: PropTypes.string,
   renderOverlay: PropTypes.func,
@@ -95,6 +98,7 @@ Magnifier.defaultProps = {
   imageSrc: "",
   largeImageSrc: "",
   imageAlt: "",
+  imageOtherProps: {},
   cursorStyle: "zoom-in",
   cursorStyleActive: "",
   dragToMove: true,
diff --git a/src/MagnifierPreview.js b/src/MagnifierPreview.js
index d45084a..ad94233 100644
--- a/src/MagnifierPreview.js
+++ b/src/MagnifierPreview.js
@@ -12,6 +12,7 @@ function MagnifierPreview(props) {
   const {
     imageSrc,
     imageAlt,
+    imageOtherProps,
     largeImageSrc,
     className,
     style,
@@ -60,6 +61,7 @@ function MagnifierPreview(props) {
         image={imageSrc}
         largeImage={largeImageSrc}
         alt={imageAlt}
+        imageOtherProps={imageOtherProps}
         zoomImageDimensions={zoomImageDimensions}
         previewSize={previewSize}
         smallImageSize={smallImageSize}
@@ -93,6 +95,7 @@ MagnifierPreview.propTypes = {
     PropTypes.arrayOf(PropTypes.string)
   ]),
   imageAlt: PropTypes.string,
+  imageOtherProps: PropTypes.object,
   onImageLoad: PropTypes.func,
   onLargeImageLoad: PropTypes.func,
   renderOverlay: PropTypes.func,
@@ -111,6 +114,7 @@ MagnifierPreview.defaultProps = {
   cursorStyle: "crosshair",
   imageSrc: "",
   imageAlt: "",
+  imageOtherProps: {},
   overlayOpacity: 0.5,
   overlayBoxOpacity: 0.8,
   overlayBackgroundColor: "#000",
diff --git a/src/MagnifierPreviewRenderer.js b/src/MagnifierPreviewRenderer.js
index da8c558..cb7fe0f 100644
--- a/src/MagnifierPreviewRenderer.js
+++ b/src/MagnifierPreviewRenderer.js
@@ -8,6 +8,7 @@ function MagnifierPreviewRenderer(props) {
     image,
     largeImage,
     alt,
+    imageOtherProps,
     previewSize,
     smallImageSize,
     overlayOpacity,
@@ -71,6 +72,7 @@ function MagnifierPreviewRenderer(props) {
           }}
         >
           <Image
+            {...(imageOtherProps || {})}
             style={{
               ...styles.getLargeImageStyle(position.x, position.y, inPlace)
             }}
diff --git a/src/MagnifierRenderer.js b/src/MagnifierRenderer.js
index 8794ecb..aecec2b 100644
--- a/src/MagnifierRenderer.js
+++ b/src/MagnifierRenderer.js
@@ -11,6 +11,7 @@ const MagnifierRenderer = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     itemRef,
     renderOverlay,
     cursorStyle,
@@ -31,6 +32,7 @@ const MagnifierRenderer = props => {
   return (
     <div style={{ position: "relative", cursor: finalCursorStyle }}>
       <Image
+        {...(imageOtherProps || {})}
         style={{
           display: "block",
           visibility: isActive ? "hidden" : "visible",
@@ -49,6 +51,7 @@ const MagnifierRenderer = props => {
         )}
       >
         <Image
+          {...(imageOtherProps || {})}
           style={styles.getLargeImageStyle(
             itemPosition.x,
             itemPosition.y,
diff --git a/src/MagnifierZoom.js b/src/MagnifierZoom.js
index c717f2c..5fad29f 100644
--- a/src/MagnifierZoom.js
+++ b/src/MagnifierZoom.js
@@ -9,6 +9,7 @@ function MagnifierZoom(props) {
   const {
     imageSrc,
     imageAlt,
+    imageOtherProps,
     className,
     style,
     onImageLoad,
@@ -43,6 +44,7 @@ function MagnifierZoom(props) {
       ref={zoomRef}
     >
       <Image
+        {...(imageOtherProps || {})}
         ref={zoomImageRef}
         style={{
           ...styles.getLargeImageStyle(
@@ -70,6 +72,7 @@ MagnifierZoom.propTypes = {
     PropTypes.arrayOf(PropTypes.string)
   ]),
   imageAlt: PropTypes.string,
+  imageOtherProps: PropTypes.object,
   onImageLoad: PropTypes.func,
   transitionSpeed: PropTypes.number
 };
@@ -78,6 +81,7 @@ MagnifierZoom.defaultProps = {
   style: {},
   imageSrc: "",
   imageAlt: "",
+  imageOtherProps: {},
   onImageLoad: utils.noop,
   transitionSpeed: 0.4
 };
diff --git a/src/PictureInPictureMagnifier.js b/src/PictureInPictureMagnifier.js
index d95422d..35856a2 100644
--- a/src/PictureInPictureMagnifier.js
+++ b/src/PictureInPictureMagnifier.js
@@ -20,6 +20,7 @@ class PictureInPictureMagnifier extends Component {
       PropTypes.arrayOf(PropTypes.string)
     ]),
     imageAlt: PropTypes.string,
+    imageOtherProps: PropTypes.object,
     previewSizePercentage: PropTypes.number,
     previewHorizontalPos: PropTypes.oneOf(["left", "right"]),
     previewVerticalPos: PropTypes.oneOf(["top", "bottom"]),
@@ -47,6 +48,7 @@ class PictureInPictureMagnifier extends Component {
     imageSrc: "",
     largeImageSrc: "",
     imageAlt: "",
+    imageOtherProps: {},
     previewSizePercentage: 35,
     previewHorizontalPos: "left",
     previewVerticalPos: "bottom",
@@ -69,6 +71,7 @@ class PictureInPictureMagnifier extends Component {
       imageSrc,
       largeImageSrc,
       imageAlt,
+      imageOtherProps,
       previewSizePercentage,
       previewHorizontalPos,
       previewVerticalPos,
@@ -135,6 +138,7 @@ class PictureInPictureMagnifier extends Component {
             imageSrc={imageSrc}
             largeImageSrc={largeImageSrc}
             imageAlt={imageAlt}
+            imageOtherProps={imageOtherProps}
             renderOverlay={renderOverlay}
             cursorStyle={cursorStyle}
             cursorStyleActive={cursorStyleActive || cursorStyle}
diff --git a/src/PictureInPictureRenderer.js b/src/PictureInPictureRenderer.js
index 914358d..f037b04 100644
--- a/src/PictureInPictureRenderer.js
+++ b/src/PictureInPictureRenderer.js
@@ -13,6 +13,7 @@ const PictureInPictureRenderer = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     itemRef,
     previewSizePercentage,
     containerRef,
@@ -140,6 +141,7 @@ const PictureInPictureRenderer = props => {
       }}
     >
       <Image
+        {...(imageOtherProps || {})}
         style={{
           width: "100%",
           display: "block",
@@ -170,6 +172,7 @@ const PictureInPictureRenderer = props => {
         }}
       >
         <Image
+          {...(imageOtherProps || {})}
           style={{
             ...styles.getLargeImageStyle(position.x, position.y, true),
             visibility: legalSize ? "visible" : "hidden",
diff --git a/src/SideBySideMagnifier.js b/src/SideBySideMagnifier.js
index 97f9437..479fb0f 100644
--- a/src/SideBySideMagnifier.js
+++ b/src/SideBySideMagnifier.js
@@ -12,6 +12,7 @@ const SideBySideMagnifier = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     overlayOpacity,
     overlayBoxOpacity,
     overlayBackgroundColor,
@@ -58,6 +59,7 @@ const SideBySideMagnifier = props => {
         imageSrc={imageSrc}
         largeImageSrc={largeImageSrc}
         imageAlt={imageAlt}
+        imageOtherProps={imageOtherProps}
         overlayOpacity={overlayOpacity}
         overlayBoxOpacity={overlayBoxOpacity}
         overlayBackgroundColor={overlayBackgroundColor}
@@ -96,6 +98,7 @@ SideBySideMagnifier.propTypes = {
     PropTypes.arrayOf(PropTypes.string)
   ]),
   imageAlt: PropTypes.string,
+  imageOtherProps: PropTypes.object,
   overlayOpacity: PropTypes.number,
   overlayBoxOpacity: PropTypes.number,
   overlayBackgroundColor: PropTypes.string,
@@ -128,6 +131,7 @@ SideBySideMagnifier.defaultProps = {
   imageSrc: "",
   largeImageSrc: "",
   imageAlt: "",
+  imageOtherProps: {},
   overlayOpacity: 0.5,
   overlayBoxOpacity: 0.8,
   overlayBackgroundColor: "#000",
diff --git a/src/SideBySideRenderer.js b/src/SideBySideRenderer.js
index d801a8e..9cc1bb4 100644
--- a/src/SideBySideRenderer.js
+++ b/src/SideBySideRenderer.js
@@ -14,6 +14,7 @@ const SideBySideRenderer = props => {
     imageSrc,
     largeImageSrc,
     imageAlt,
+    imageOtherProps,
     itemRef,
     overlayOpacity,
     overlayBoxOpacity,
@@ -197,6 +198,7 @@ const SideBySideRenderer = props => {
   return (
     <div style={{ position: "relative" }}>
       <Image
+        {...(imageOtherProps || {})}
         style={{
           width: "100%",
           display: "block",
@@ -224,6 +226,7 @@ const SideBySideRenderer = props => {
         }}
       >
         <Image
+          {...(imageOtherProps || {})}
           style={styles.getLargeImageStyle(position.x, position.y, true)}
           src={largeImageSrc || imageSrc}
           alt={imageAlt}