
displaying images
Hello! This portfolio site I'm doing does not display the carousel of images on Firefox. I've removed any ad blockers which might affect it, but problem still persists. The carousel of images are available on Chrome. Any ideas on how to fix this? site below; https://svelte-portfolio-phi.vercel.app/
Thanks, Jack :)
Chosen solution
If I disable the background-repeat rule in the Inspector, it works:
.slide.svelte-1g12f92.svelte-1g12f92 { background-repeat: no-repeat; }
I don't know why.
Read this answer in context 👍 1All Replies (5)
Make sure you are not blocking content.
Diagnose Firefox issues using Troubleshoot(Safe) Mode {web link}
A small dialog should appear. Click Start In Troubleshoot(Safe) Mode (not Refresh). Is the problem still there?
https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-desktop
Many site issues can be caused by corrupt cookies or cache.
Warning ! ! This will log you out of sites you're logged in to. You may also lose any settings for that website.
- How to clear the Firefox cache {web link}acking-protection-firefox-desktop
Hey FredMcD, thanks for looking into this. I tried all the above, clearing cookies and cache, starting in troubleshoot mode. The issue still persists, the website; https://svelte-portfolio-phi.vercel.app/ does not properly in firefox. I think it's an issue with JS and firefox, not sure how to fix that. Any ideas?
I find the custom mouse pointer arrow a bit off-putting, but let's ignore that for now.
I get all blank images after the first for Good morning 2/4/6 (7 clicks "right" back to the original image). On the other hand, Good morning 3 works as expected (2 clicks "right" back to the original image, both images visible).
Not sure what is different between them.
If this is the vendor's slider, perhaps they have some documentation/suggestions on this.
Hi jscher2000, thanks for trying out the website I'm doing. Basically when there is more than 1 image in the carousel in does not work. Good morning 3 works because the second place holder is a video. I was just wondering if anyone had encountered this issue before and what fixes to apply. The website is done in Svelte, might be a Svelte and firefox issue. No issues with safari, chrome, etc. Works in all other browsers. Thanks :)
Chosen Solution
If I disable the background-repeat rule in the Inspector, it works:
.slide.svelte-1g12f92.svelte-1g12f92 { background-repeat: no-repeat; }
I don't know why.