PenkethBoy 2063 Posted October 24, 2018 Share Posted October 24, 2018 Things that make my teeth itch 1. Does anybody have / know some css to make the posters/images appear at 100% rather than the enforced 90%? 2a. css for changing the font for Image "Titles" - so for movies name of the film below poster, episode name below episode thumb image etc etc 2b. for an added bonus a way to rap this text without manually editing it 1 Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 (edited) Things that make my teeth itch 1. Does anybody have / know some css to make the posters/images appear at 100% rather than the enforced 90%? 2a. css for changing the font for Image "Titles" - so for movies name of the film below poster, episode name below episode thumb image etc etc 2b. for an added bonus a way to rap this text without manually editing it 1. I believe that is done via a script 2a and b. adjust size as needed or remove if you don't need it. div.cardText { white-space: pre-wrap; font-size: 1.25em; font-family: serif; } Edited October 24, 2018 by Happy2Play 1 Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 (edited) Is that a script that we can use? As in posted on the forum somewhere? Sorry should have been clearer - i mean quality=90 for images Edited October 24, 2018 by PenkethBoy Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 Is that a script that we can use? As in posted on the forum somewhere? Sorry should have been clearer - i mean quality=90 for images Haven't found it yet as I believe that is from the api. 1 Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 Things that make my teeth itch 1. Does anybody have / know some css to make the posters/images appear at 100% rather than the enforced 90%? Last place I would have thought to look. Look at the \system\dashboard-ui\bower_components\emby-webcomponents\router.js (so reset with every update if modified) browser.slow?browser.chrome?"Primary"===type?40:50:"Backdrop"===type?60:50:"Backdrop"===type?70:90,options.quality=quality} 1 Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 @@Happy2Play thanks will have a play with that Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 @@Happy2Play thanks will have a play with that Testing it I just changed the 70:90 to 100:100. Haven't seen the other qualities appear anywhere, yet. Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 (edited) @@PenkethBoy Do see a difference in images with the quality set? I have compared images with quality=0 to quality=100 and removed quality but can't see a difference, all file data is the same. Edited October 24, 2018 by Happy2Play Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 @@Happy2Play maybe the cache needs to be updated? not played with it yet Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 Last place I would have thought to look. Look at the \system\dashboard-ui\bower_components\emby-webcomponents\router.js (so reset with every update if modified) browser.slow?browser.chrome?"Primary"===type?40:50:"Backdrop"===type?60:50:"Backdrop"===type?70:90,options.quality=quality} i think this is for TV Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 (edited) i think this is for TV It changes the browser urls but I don't see a difference. example from Next Up Edited October 24, 2018 by Happy2Play Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 no i cant see a diff either - i turned coverart off first if you compare a poster image for a movie with 100 - the poster is approx a third the size of the initial online image - and considerably worse quality so i guess somewhere the images get processed before being used and my idea of the quality=90 being the problem was wrong - sigh Link to comment Share on other sites More sharing options...
CBers 6766 Posted October 24, 2018 Share Posted October 24, 2018 Hope you're going to document all of these options somewhere @@PenkethBoy Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Author Share Posted October 24, 2018 I follow the Luke model 1 Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 24, 2018 Share Posted October 24, 2018 Looks like there is a set maxheight and/or maxwidth and then that image is scaled to screen size. So my example above has a Thumb with a maxwidth of 333 that gets scales to whatever screen resolution is or scaling size I set. Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted October 25, 2018 Share Posted October 25, 2018 Looks like there is a set maxheight and/or maxwidth and then that image is scaled to screen size. So my example above has a Thumb with a maxwidth of 333 that gets scales to whatever screen resolution is or scaling size I set. I assume there is nothing we can do about it with CSS? I'd love my big movie posters to be nice and clear. Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 25, 2018 Share Posted October 25, 2018 (edited) I assume there is nothing we can do about it with CSS? I'd love my big movie posters to be nice and clear. No way for CSS to change maxHeight and/or maxWidth set in the itemdetailspage.js. *CSS will only enlarge the image at the quality already provided. Edited October 25, 2018 by Happy2Play Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted October 25, 2018 Share Posted October 25, 2018 Yeah, I realized the CSS was enlarging a small image, I wasn't sure how (or if it was possible) to get emby to grab a big image. This worked beautifully. Thanks. Link to comment Share on other sites More sharing options...
Happy2Play 8252 Posted October 25, 2018 Share Posted October 25, 2018 Overall I see no difference with "&quality=90" so I rest that value. But changing the values in the itemdetailspage.js does make a difference when enlarging images. Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted October 25, 2018 Share Posted October 25, 2018 Overall I see no difference with "&quality=90" so I rest that value. But changing the values in the itemdetailspage.js does make a difference when enlarging images. I played with both settings a little. When the posters are set to 720 on itemdetailspage the &quality change is more noticeable. But still, the change is negligible at 75 to 90 - even at 20 I bet a lot of people wouldn't even realize Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now