A preview of the media content from screenshots

[frankieknuckles]

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?

   

[TheDreadPirate]

If you enable chapter image extraction, you can kind of get this.

   

[frankieknuckles]

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"?

[TheDreadPirate]

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?

[M0RPH3US]

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;
}

[frankieknuckles]

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!

[TheDreadPirate]

Clicking the chapter image launches the video at that chapter marker.

[frankieknuckles]

Is there a way for example to; make it unclickable, but upon hover it enlarges the image as a big sort of preview?

[TheDreadPirate]

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.

[TheDreadPirate]

Code:

#scenesCollapsible .emby-scroller{
    margin-right: 0;
}

#scenesCollapsible .itemsContainer{
    flex-wrap: wrap;
}