+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: General Questions (https://forum.jellyfin.org/f-general-questions)
+--- Thread: A preview of the media content from screenshots (/t-a-preview-of-the-media-content-from-screenshots)
A preview of the media content from screenshots - frankieknuckles - 2025-01-30
Is there any way of having a section for screenshots on the movie page? Like on {websites we don't talk about - TDP} websites or on iMDB. I'm not getting any hits on my searches but figured there might be a way to fix it? To have it automated in some way. Or would this need some extensive coding?
For example, having the chapter screenshots as thumbnails in a tab above the actors list?
RE: A preview of the media content from screenshots - TheDreadPirate - 2025-01-30
If you enable chapter image extraction, you can kind of get this.
RE: A preview of the media content from screenshots - frankieknuckles - 2025-01-30
That's similar, can one CSS code it to remove the text on it? And place it above the actors list? Or would that mean actual "coding"?
RE: A preview of the media content from screenshots - TheDreadPirate - 2025-01-30
I know you can change the appearance of each <div> block (actors, more episodes, chapter scenes) but I'm not sure you can re-order them.
@Ted Hinklater - is reordering UI elements possible?
RE: A preview of the media content from screenshots - M0RPH3US - 2025-01-30
(2025-01-30, 06:20 PM)TheDreadPirate Wrote: I know you can change the appearance of each <div> block (actors, more episodes, chapter scenes) but I'm not sure you can re-order them.
@Ted Hinklater - is reordering UI elements possible?
Code:
#castCollapsible {
order: 2;
}
#scenesCollapsible {
order: 1;
}should work.
Also to remove the text
Code:
.innerCardFooter>.cardText {
display: none;
}RE: A preview of the media content from screenshots - frankieknuckles - 2025-01-31
(2025-01-30, 07:50 PM)M0RPH3US Wrote:(2025-01-30, 06:20 PM)TheDreadPirate Wrote: I know you can change the appearance of each <div> block (actors, more episodes, chapter scenes) but I'm not sure you can re-order them.
@Ted Hinklater - is reordering UI elements possible?
Code:#castCollapsible {
order: 2;
}
#scenesCollapsible {
order: 1;
}
should work.
Also to remove the text
Code:.innerCardFooter>.cardText {
display: none;
}
Awesome! Before I add this, do you know if clicking on the screenshot would actually take me to that chapter, or is it possible for it to show the actual screenshot?
Thanks guys!
RE: A preview of the media content from screenshots - TheDreadPirate - 2025-01-31
Clicking the chapter image launches the video at that chapter marker.
RE: A preview of the media content from screenshots - frankieknuckles - 2025-01-31
Is there a way for example to; make it unclickable, but upon hover it enlarges the image as a big sort of preview?
RE: A preview of the media content from screenshots - TheDreadPirate - 2025-01-31
You would add this to the "scenesCollapsible" section.
Code:
pointer-events: none;Code:
#scenesCollapsible {
order: 1;
pointer-events: none;
}Tested this and the chapter images are no longer clickable. But neither are the arrows to scroll through the chapters. Trying to find the CSS to wrap around instead of having the scroll.
RE: A preview of the media content from screenshots - TheDreadPirate - 2025-01-31
Code:
#scenesCollapsible .emby-scroller{
margin-right: 0;
}
#scenesCollapsible .itemsContainer{
flex-wrap: wrap;
}