• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support General Questions A preview of the media content from screenshots

    Pages (2): 1 2 Next »

     
    • 0 Vote(s) - 0 Average

    A preview of the media content from screenshots

    frankieknuckles
    Offline

    Junior Member

    Posts: 5
    Threads: 1
    Joined: 2025 Jan
    Reputation: 0
    #1
    2025-01-30, 03:57 PM (This post was last modified: 2025-01-30, 04:02 PM by TheDreadPirate. Edited 1 time in total.)
    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
    Offline

    Community Moderator

    Posts: 15,375
    Threads: 10
    Joined: 2023 Jun
    Reputation: 460
    Country:United States
    #2
    2025-01-30, 04:05 PM
    If you enable chapter image extraction, you can kind of get this.

       
    Jellyfin 10.10.7 (Docker)
    Ubuntu 24.04.2 LTS w/HWE
    Intel i3 12100
    Intel Arc A380
    OS drive - SK Hynix P41 1TB
    Storage
        4x WD Red Pro 6TB CMR in RAIDZ1
    [Image: GitHub%20Sponsors-grey?logo=github]
    frankieknuckles
    Offline

    Junior Member

    Posts: 5
    Threads: 1
    Joined: 2025 Jan
    Reputation: 0
    #3
    2025-01-30, 05:20 PM
    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
    Offline

    Community Moderator

    Posts: 15,375
    Threads: 10
    Joined: 2023 Jun
    Reputation: 460
    Country:United States
    #4
    2025-01-30, 06:20 PM
    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?
    Jellyfin 10.10.7 (Docker)
    Ubuntu 24.04.2 LTS w/HWE
    Intel i3 12100
    Intel Arc A380
    OS drive - SK Hynix P41 1TB
    Storage
        4x WD Red Pro 6TB CMR in RAIDZ1
    [Image: GitHub%20Sponsors-grey?logo=github]
    M0RPH3US
    Offline

    Member

    Posts: 89
    Threads: 5
    Joined: 2023 Jun
    Reputation: 6
    #5
    2025-01-30, 07:50 PM (This post was last modified: 2025-01-30, 07:52 PM by M0RPH3US. Edited 1 time in total.)
    (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;
    }
    1
    1
    frankieknuckles
    Offline

    Junior Member

    Posts: 5
    Threads: 1
    Joined: 2025 Jan
    Reputation: 0
    #6
    2025-01-31, 12:55 PM
    (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!
    TheDreadPirate
    Offline

    Community Moderator

    Posts: 15,375
    Threads: 10
    Joined: 2023 Jun
    Reputation: 460
    Country:United States
    #7
    2025-01-31, 01:58 PM
    Clicking the chapter image launches the video at that chapter marker.
    Jellyfin 10.10.7 (Docker)
    Ubuntu 24.04.2 LTS w/HWE
    Intel i3 12100
    Intel Arc A380
    OS drive - SK Hynix P41 1TB
    Storage
        4x WD Red Pro 6TB CMR in RAIDZ1
    [Image: GitHub%20Sponsors-grey?logo=github]
    frankieknuckles
    Offline

    Junior Member

    Posts: 5
    Threads: 1
    Joined: 2025 Jan
    Reputation: 0
    #8
    2025-01-31, 02:31 PM
    Is there a way for example to; make it unclickable, but upon hover it enlarges the image as a big sort of preview?
    TheDreadPirate
    Offline

    Community Moderator

    Posts: 15,375
    Threads: 10
    Joined: 2023 Jun
    Reputation: 460
    Country:United States
    #9
    2025-01-31, 04:45 PM (This post was last modified: 2025-01-31, 04:46 PM by TheDreadPirate. Edited 1 time in total.)
    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.
    Jellyfin 10.10.7 (Docker)
    Ubuntu 24.04.2 LTS w/HWE
    Intel i3 12100
    Intel Arc A380
    OS drive - SK Hynix P41 1TB
    Storage
        4x WD Red Pro 6TB CMR in RAIDZ1
    [Image: GitHub%20Sponsors-grey?logo=github]
    TheDreadPirate
    Offline

    Community Moderator

    Posts: 15,375
    Threads: 10
    Joined: 2023 Jun
    Reputation: 460
    Country:United States
    #10
    2025-01-31, 04:58 PM
    Code:
    #scenesCollapsible .emby-scroller{
        margin-right: 0;
    }

    #scenesCollapsible .itemsContainer{
        flex-wrap: wrap;
    }
    Jellyfin 10.10.7 (Docker)
    Ubuntu 24.04.2 LTS w/HWE
    Intel i3 12100
    Intel Arc A380
    OS drive - SK Hynix P41 1TB
    Storage
        4x WD Red Pro 6TB CMR in RAIDZ1
    [Image: GitHub%20Sponsors-grey?logo=github]
    Pages (2): 1 2 Next »

    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode