Set valid defaults for noscript images (#4328)

gatsbyjs · Mar 2, 2018 · fc2180e · fc2180e
1 parent edb4135
commit fc2180e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/gatsby-image/src/index.js b/packages/gatsby-image/src/index.js
@@ -89,17 +89,17 @@ const isWebpSupported = () => {
 
 const noscriptImg = props => {
   const {
-    opacity = ``,
+    opacity = `1`,
     src,
     srcSet,
     sizes = ``,
     title = ``,
     alt = ``,
     width = ``,
     height = ``,
-    transitionDelay = ``,
+    transitionDelay = `0.5s`,
   } = props
-  return `<img width=${width} height=${height} src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
+  return `<img width="${width}" height="${height}" src="${src}" srcset="${srcSet}" alt="${alt}" title="${title}" sizes="${sizes}" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:${transitionDelay};opacity:${opacity};width:100%;height:100%;object-fit:cover;object-position:center"/>`
 }
 
 const Img = props => {