In need of a collection library thumbnail

[Avatar3379]

Preferably in the style of the first 4 of these: https://imgur.com/a/jellyfin-gradient-li...rs-VFCzPXc

[phaelax]

Would something like this work for ya?

https://imgur.com/a/media-collection-ico...in-kJjixxj

[NanoNano]

The CSS:

Code:

/* ANIME */
.card[data-id='0c31907140d8021217e2cd79e123']:hover .cardImageContainer, .card.show-animation[data-id='0c31907140d8021217e2cd79e123 ']:focus .cardImageContainer { background-image: url("/Items/0c31907140d8021217e2cd79e123 /Images/Logo?maxWidth=480&tag=0c31907140d8021217e2cd79e123 &quality=90") !important;

}

Change the ID to your own library ID using inspect element in web browser.

Upload the transparent (PNG / GIF) for the label as "Primary Image" if u wish a label.
Upload the Animated image (GIF, WEBP, AVIF) as "LOGO" for the animation.

in my case i use AVIF because is smaller in size, just rename the file to jpg.

[Druidblack]

Your design looks amazing.

[NanoNano]

Your design looks amazing.

Thanks, here some animated poster u can use in jellyfin, just rename the image according to poster and put inside the directory.

Poster

[NanoNano]

Poster






Layout





Thumb