Hugo-theme-zzo: Click on image does not always display the image

Created on 3 Jan 2020  路  13Comments  路  Source: zzossig/hugo-theme-zzo

I have an issue with my images when I click on them, but it doesn't look like I can reproduce using: https://themes.gohugo.io/theme/hugo-theme-zzo/en

Anyway, this is what I get :

  • image not clicked (OK)
    image

  • image clicked (KO)
    image

Note: it looks like it works sometimes so I don't think it is a path issue but maybe an async load issue?

bug enhancement

Most helpful comment

Yes, I know it sometimes happen. That is because photoswipe is not supporting dynamic size image and I forced to do that behavior so this happened. Anyway I was planning to solve this issue.

I have another big issue that is to remove dependency of jquery. After doing it, I鈥檒l take care of this issue

All 13 comments

Yes, I know it sometimes happen. That is because photoswipe is not supporting dynamic size image and I forced to do that behavior so this happened. Anyway I was planning to solve this issue.

I have another big issue that is to remove dependency of jquery. After doing it, I鈥檒l take care of this issue

I have done the rebuilding gallery.
Now we use Micromodal(1.8kb minified and gzipped), Swipe(6kb minified) library for the gallery.

Feel free re-open this issue if the gallery is not working as expected after you updated the Zzo theme

OK, just tried now and it looks good! But I thought it would displayed the image in its original size.

My small image in text:
image

Should be bigger when clicked (621x394):
image

--nick

Did you intentionally make the image small in the text by setting the width, height?

Yes, as my text could contains several images, I generally set a size for each image for a nice global looking... (my example above was just a test, I generally set the images much bigger to be at least "readable" when in text)

How do you think which one is more natural behavior?

  1. Always show the original image
  2. At first, show the modified size. if we click the image, magnify it to the original size.

Many photo swipe library has the feature to magnify the image.
bbbb

For my case, I would prefer 1 (less clicks).

Ok, I'll find a way to solve this problem.

If easier, go for 2. Even if it looks more appropriate for big jpg images which my posts don't have, it would be fine for me too ;)

I did 1. Hope this time works

Great, thanks!

Was this page helpful?
0 / 5 - 0 ratings