|
Replies:
8
-
Pages:
1
-
Last Post:
22 Jan 23, 18:08
Last Post By: JeffTucker
|
|
|
Posts:
25
Registered:
3-Jan-2023
|
|
|
|
Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 01:52
|
|
|
My album is definitely far from ready for use, it's in draft mode but good enough for viewing purposes.
The issues happen on both on my actual smartphone (Samsung) and a Chrome mobile simulator extension which is pretty faithful to the real thing and one can look several models of Android and iPhone.
- Theme images on core album and on linked video page are not showing up full - they get cropped on both sides. They are 150px high and quite wide, shouldn't they show up in-proportion on a smartphone, no matter how small that may look?*
- YouTube preview and play in J-Album is totally unwatchable - not centered and highly cropped (more like chopped). Also a width/height proportionality problem. Once on clicks through to YouTube, the videos show up and play as they should.
This main album page is linked below, then go to "Music and Videos" to see that page's theme image banner and click on the first video or any.
Album Homepage
|
|
|
Posts:
8,479
Registered:
31-Jan-2006
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 02:29
in response to: psk-gallery
|
|
|
- Theme images on core album and on linked video page are not showing up full - they get cropped on both sides. They are 150px high and quite wide, shouldn't they show up in-proportion on a smartphone, no matter how small that may look?*
No. This has been explained to you, just within the last week. Continuing to insist that the theme image should behave otherwise is not going to change anything. As you've been told, the theme/hero image is a background image, not a responsive, foreground image. It will be cropped on a smaller device.
If you want the theme image to be a shown as a full-view, foreground image, one that gets tiny on a phone, you're going to have to use another skin - none of Laza's skins do this, nor do any of mine, and for the same reasons. This is not our first rodeo.
|
|
|
Posts:
8,479
Registered:
31-Jan-2006
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 02:39
in response to: psk-gallery
|
|
|
|
|
- YouTube preview and play in J-Album is totally unwatchable....
Not sure what's going on there. The first time through the album, the poster image for a YouTube video is horribly pixelated - I don't know what image it's trying to use, but it looks like a thumbnail that's been blown up way beyond its actual resolution. Doing a forced cache refresh often cures the problem, but only temporarily. The problem returns.
But I'm not seeing any unusual cropping, nor do I see any aspect ratio distortion - it's purely a resolution/focus issue.
I'll have to leave that one to Laza - YouTube videos in my own skins don't seem to have that problem - screenshot of a quick test using Neptune.
|
|
|
Posts:
25
Registered:
3-Jan-2023
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 04:26
in response to: JeffTucker
|
|
|
"No. This has been explained to you, just within the last week. Continuing to insist that the theme image should behave otherwise is not going to change anything. As you've been told, the theme/hero image is a background image, not a responsive, foreground image. It will be cropped on a smaller device."
Yes, I remember your reply but I didn't follow up then for I had other life things to do.
I get what you are saying, but the definition of "background image" (apart from a "Neighboring Folder" even in jAlbum) is what has been called this for as long as the Net went visual:
The image that is used under every page for which it is chosen, i.e. as CSS style tag. NOT a banner which is what a "theme image" is.
In the case of my gallery, the background images is the blue moonlit landscape that appears under every page of the album.
But let's get back to the theme image or banner:
To say that this proportionality is not possible contradicts what your own example that you were kind to create with Tiger for me when I was first trying to figure out how to do my non-gallery video page:
Your theme image (jAlbum logo) DOES shrink according to what the screen size is, be it resizing Chrome on a desktop or seeing it on a phone or emulator. At least it certainly does for me.
So why doesn't mine?
__________________
As to your second post on the video weirdness, I also got the pixilation at times.
I don't' have Neptune at this point, but right now I don't want to have to start all over having just gotten my bearings with Tiger. But if this can't be resolved, I may have to.
|
|
|
Posts:
8,479
Registered:
31-Jan-2006
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 14:23
in response to: psk-gallery
|
|
|
|
|
Your theme image (jAlbum logo) DOES shrink according to what the screen size is, be it resizing Chrome on a desktop or seeing it on a phone or emulator. At least it certainly does for me.
Grab one side of the browser window and make it smaller (narrower). Laza does use some viewport breakpoints to do some quick resizing on a phone, but the degree of image cropping varies by a huge amount.
In my little test album, the one you've linked to, the variation isn't as noticeable, because the theme image has no content outside of the middle half - the logo is surrounded by blank space. So, you don't notice the cropping. But take a look at the attached screenshots, and pay attention to how much of the theme image you're seeing, including the blank space around the logo, as well as the top and bottom of it. The file names indicate the device.
It's purely accidental in this case - I didn't spend any time choosing a theme image - but this illustrates one of the cardinal rules for choosing a theme image: Make sure the important part of your theme image is in the middle, because the left and right sides are going to vanish at some point.
As to your second post on the video weirdness, I also got the pixilation at times.
I don't' have Neptune at this point, but right now I don't want to have to start all over having just gotten my bearings with Tiger. But if this can't be resolved, I may have to.
It's not just Neptune - all of my skins appear to handle this correctly, even the lightbox ones, where I'm using a third-party script whose internals are murky to me. But in every case, the underlying mechanism is the same - the YouTube "embed" code is being used within a very simple iframe, and the iframe is sized for the viewport. In short, the skin itself isn't choosing the poster image, nor is it determining how to display it. YouTube itself is taking care of it. That makes the Tiger problems with it all the more puzzling.
ETA: But if you want a skin that will never crop your theme image, you'll need one of AndreWolff's skins, like FancyBox.
|
|
|
Posts:
25
Registered:
3-Jan-2023
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 17:11
in response to: JeffTucker
|
|
|
|
Thanks for reply and I see what you mean with your example page using F12 or just resizing manually.
I made a duplicate of my main album and am just starting to tweak it in FancyBox.
From what I can see, it doesn't have as much tweakability as Tiger (which is why the or among the top 2 most used skins at jAlbum).
I still have to figure out how to make the theme image proportional for right now it's too blown up and cropped even in full PC browser 1080p, and other things such as thumbnail sizes, etc.
Either way, nothing is perfect and I'll have to compromise somewhere.
C'est la vie.
|
|
|
Posts:
8,479
Registered:
31-Jan-2006
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 17:25
in response to: psk-gallery
|
|
|
|
At last count, the "most used skins" metric was based on the number of "likes" received in the last 365 days, not on how often the skin is used (which is almost impossible to measure). Of course, most users never "like" whatever skin they're using, and if they're not uploading to jalbum.net hosting, they're never even prompted for it. In fact, I haven't seen that prompt in a long time, which leads me to conclude that it didn't survive the move to cloud hosting.
There was some discussion about basing it upon the skin used for the most recently modified albums, but since anything that's not hosted on jalbum.net is usually invisible, that wouldn't be much better. I don't know whether that change was made, though I suspect it was. I stopped paying attention to it a couple of years ago.
In short, that list tells us nothing, and the list contains enough obvious anomalies to make one suspicious of the data. But no one has ever figured out a better way to measure "popularity."
|
|
|
Posts:
25
Registered:
3-Jan-2023
|
|
|
|
Re: Mobile/Responsiveness Messing Up Theme Image/s and Video View & Play
Posted:
22 Jan 23, 18:06
in response to: JeffTucker
|
|
|
|
OK, never mind. Ignore the most-popular-skin comment. I capisce what you're saying. In the end, it's whatever works best for each person and their particular projects/s, not a popularity contest.
|
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|