Questions related to the gatsby-image plugin. https://www.gatsbyjs.org/packages/gatsby-image/
Questions tagged [gatsby-image]
292 questions
0
votes
1 answer
Gatsby GraphQL Variables In Component
I'm an iOS developer and I've been struggling for what seems like the longest time making my portfolio site from scratch. I've tried a bunch of different technologies and have finally settled on using Gatsby to create it.
So far things have been…
Richard Witherspoon
- 4,082
- 3
- 17
- 33
0
votes
0 answers
Error while installing gatsby image plugin
Getting this error every time i try to install gatsby-image-plugin . Tried gatsby clean and running yarn as well. Tried different versions of gatsby but that didn't help either .
Abdul Rehman
- 79
- 7
0
votes
1 answer
How can I change the fixed height of my Image in Gatsby for mobile?
I'm currently mapping through an array of images in my Gatsby site, where each image has a fixed height of 395px and auto width. However, I need to be able to change the fixed height of the images to 200px for screen sizes below 768px.
I've tried to…
BEDev
- 699
- 1
- 5
- 9
0
votes
1 answer
Gatsby GraphQL Regex Query Multiple Images
I have images that I want to query for in Gatsby from multiple blog posts. The file naming for each is composed of the following manner.
blog-post1-preview.jpg
blog-post2-preview.jpg
blog-post3-preview.jpg
blog-post1.jpg
I want to select only the…
Jesse Yentsch
- 174
- 14
0
votes
1 answer
Why does Gatsby-JS randomly lose featuredimage images?
I'm using GatsbyJS for my blog, source in GitHub, hosted in Netlify. The whole thing is open source so you can check it out here if it helps.
I've been using GatsbyJS for almost a year now and this issue has persisted for that whole time. Randomly,…
ssmith
- 8,092
- 6
- 52
- 93
0
votes
2 answers
Gatsby markdown-remark-images are not shown
I am using Gatsby for my personal blog. I create content by markdown files, which works
.
I wanna have images within my content by using markdown syntax .
myImage.png is living within the same folder as the .md file:
I…
Jan
- 12,992
- 9
- 53
- 89
0
votes
1 answer
Image change using setInterval in React/Gatsby with Graphql and Gatsby Image
I'm trying to create an Image changing component in Gatsby/React from the results on a Graphql query.
I am stuck and don't know what to do inside that setInterval function. Any Help appreciated. Thanks
import React, { useState, useEffect } from…
Paolo_T
- 29
- 4
0
votes
1 answer
How to get WordPress Wesitelogo
I am a newbie with Gatsby.
So, I would like to get my website logo defined in the WordPress administration. Here is how I did it:
`import React from 'react';
import {graphql, StaticQuery} from 'gatsby';
import styled from 'styled-components';
import…
anohjp
- 13
- 2
0
votes
0 answers
svg path d="⋯" three dots does not work in any browsers, so svg images do not show
I have a problem with svg image's path.
currently I'm working on…
0
votes
1 answer
TypeScript error tells me "Property 'fluid' does not exist on type 'GatsbyImage'"
In Gatsby, I have used a page query to retrieve some data:
allContentfulArtwork(sort: { fields: [artistName], order: ASC }) {
edges {
node {
image {
fluid(resizingBehavior: SCALE) {
...GatsbyContentfulFluid
}
…
adstr123
- 63
- 3
- 10
0
votes
1 answer
How to remove hash from Image URl Gatsby
Well, I have build my Gatsby website and facing a problem with Image. It's generating a hash at the end of image file name.
/static/imagename-719331c87d42041b22e62a63d9af6e69.webp
Code:
import Img1 from '../images/image.webp';
…
user14303674
0
votes
1 answer
Gatsby Image TypeError: Cannot read property 'footerHeart' of undefined
I am trying to display a small image in a gatsby app, however, I am not able to figure out the error here.
Code
import React from "react"
import Img from "gatsby-image"
import { graphql } from "gatsby"
const Footer = ({ data }) => (
…
sayamkanwar
- 49
- 1
- 10
0
votes
1 answer
Weird behavior using gatsby images
In my gatsby app I have the following json file:
Competences.json
{
"languages": [
{
"img": "JS.png",
"title": "Javascript",
"text": ""
},
{
"img": "Node.png",
"title": "Node.js",
"text": ""
},
…
Boris Grunwald
- 2,602
- 3
- 20
- 36
0
votes
3 answers
Inline Images in Gatsby Wordpress source plugin
I'm using this plugin https://www.gatsbyjs.com/plugins/@draftbox-co/gatsby-wordpress-inline-images/ following all instructions, but does not work.
Does anyone know what could be going wrong?
gatsby-config.js:
{
resolve:…
Ricardo de Paula
- 572
- 5
- 16
0
votes
1 answer
gatsby-sharp images loaded via graphql in react-carousel not activated
I have created a react-bootstrap carousel with some images I load via graphql and gatsby-image-sharp (the source images are in directus).
I see the images are created in the code, but they never get assigned the "active" class. When I put the images…
Bart
- 11
- 1
- 4