Open jesicarson opened 6 years ago
Example of case with youtube and vimeo videos added: https://participedia.xyz/case/5009. Need to figure out how an overlay for attribution would work for videos on desktop, without interfering with the player.
This looks great @jesicarson!
One question/request I have: is it possible to have a pop-out slideshow if you click on the image (even if there's just one image)? There are some images that get cut off but the only way to see the whole thing is to save it and open it in w/a desktop app.
I'm thinking something like Twitter when you click on attached media:
Regular Tweet:
Click on Image:
Mouse-over Image:
Oh and the same thing works for slideshows:
Regular Tweet
Click on image:
Slideshow:
Thanks @scottofletcher , full screen might be an option yes. I think the slideshow on desktop was meant to be that, essentially though. But that's not good that its cutting things off - can you send me an example of a case with a cut off image so I can share with dethe when we talk about this tomorrow? Thanks!
@jesicarson Here's one with a cut off image: https://participedia.xyz/case/4947 If you save the image, you can see that's there's more to it (ie. the bottom 1/5 is cut off). There are loads more like this - any image that's not landscape gets the bottom lopped off. Most (basically all) pictures from Instagram are, therefore, a problem.
Yep definitely a problem with the slideshow format as it is. The only images that should be cropped are the lead image if it is needed to fit the homepage thumnail format. The rest of the images should show up un-cropped in the slideshow. I'm going to do a mockup for this anyway so I'll make sure to specify that. Thanks!
For photos and videos if any of the attribution fields are filled in, there will be a black, semi-transparent overlay that appears on the slideshow image, and the user entered text for 'attribution' will be a hyperlink if they entered a link. Title/description will follow. So there won't be static text/labels showing on view for these, only user entered text.