Thread Locked This thread is locked - replies are not allowed.


This question is answered. Helpful answers available: 0. Correct answers available: 1.


Permlink Replies: 4 - Pages: 1 - Last Post: 29 Oct 20, 14:04 Last Post By: JeffTucker Threads: [ Previous | Next ]
chrisx2

Posts: 7
Registered: 5-Dec-2004
Saturn and Neptune skins phone behaviour when rotating
Posted: 29 Oct 20, 09:39
 
Attachment Neptune.PNG (499.4 KB)
Attachment Saturn.PNG (951.6 KB)
Hi all,

I'm looking at the Saturn, Jupiter, Neptune and related skins and weighing up the features I see that most of the skins such as Neptune and Mercury when you display a single image and rotate the phone to horizontal it makes the image smaller to fit in the top menu and tab bars, but the Saturn skin full screens the image and you get a larger view without needing to zoom.

I like the feature of going full screen when I rotate the the phone to horizontal view to get a larger image in landscape format photos. The question is if there is a setting in the skins for this or a relatively easy way to modify the skins to have them do this? I'd like to have one of the skins that makes image slides display full screen.

Screen shots attached from an iphone of the two different ways the image is displayed.

Appreciate any guidance.
JeffTucker

Posts: 8,492
Registered: 31-Jan-2006
Re: Saturn and Neptune skins phone behaviour when rotating
Posted: 29 Oct 20, 12:59   in response to: chrisx2 in response to: chrisx2
Helpful
Mars, Neptune, Pluto, Saturn, and Venus are all using exactly the same underlying display script, Floatbox JS. Their behavior on any device will be the same.

What varies is what the mobile browsers do with their own address bars. They all move the address bar along with everything else when you rotate which is, of course, exactly what you don't want them to do.

In Chrome, If you scroll on the index page, and the address bar goes away, then click a thumbnail, the slide image has more space to use. But if the menu bar is still there, the script can't magically make it disappear. This behavior is also affected by whether the album is using a parallax theme image or not - the index page layout is very different, which triggers some different behavior from the browsers. And of course, the browsers are different. The latest version of Firefox for Android, in particular, is a disaster - the address bar persists no matter what you do.

Atom, Mercury, and Jupiter aren't lightbox skins, and are just using my own simple code for slide responsiveness. Because their navigation is in the page's own title bar, there will always be less room for the image, since the title bar has to remain visible at all times.

In short, all of the skins do the best they can with what's available. The underlying design philosophy is, "This is a way to show off your images, and oh, by the way, it will work on a phone, but don't expect too much." ;)
JeffTucker

Posts: 8,492
Registered: 31-Jan-2006
Re: Saturn and Neptune skins phone behaviour when rotating
Posted: 29 Oct 20, 13:05   in response to: JeffTucker in response to: JeffTucker
Helpful
BTW, here are a couple of screenshots from Chrome on Android. These are both from the same album, using the same skin. The only thing that's different is what kind of "scrolling around" I did before clicking the thumbnail. Alas, the skin can't change the browser's behavior.
chrisx2

Posts: 7
Registered: 5-Dec-2004
Re: Saturn and Neptune skins phone behaviour when rotating
Posted: 29 Oct 20, 13:26   in response to: JeffTucker in response to: JeffTucker
 
Thanks Jeff, so as long as someone scrolls a bit first it'll do what I want it to then?

So when you Mercury and Jupiter are not Lightbix skins - what does that mean exactly ? That just seem to have a slighlty different way of scrolling to the next image and no "X" to go back to the gallery. Is there something else I'm missing?
JeffTucker

Posts: 8,492
Registered: 31-Jan-2006
Re: Saturn and Neptune skins phone behaviour when rotating
Posted: 29 Oct 20, 14:03   in response to: chrisx2 in response to: chrisx2
 
chrisx2 wrote:
Thanks Jeff, so as long as someone scrolls a bit first it'll do what I want it to then?

It depends on the browser, and is almost infuriatingly difficult to control. The underlying logic escapes me completely

So when you Mercury and Jupiter are not Lightbix skins - what does that mean exactly ? That just seem to have a slighlty different way of scrolling to the next image and no "X" to go back to the gallery. Is there something else I'm missing?

"Lightbox" skins and "separate slide page" skins are fundamentally different. Make an album with just a half-dozen images.

In a lightbox skin, there is only one page: index.html. When you click a thumbnail, the large image is shown on that same page, using some Javascript. Try Neptune, for example, but turn down the background dimming - Neptune > Layout > Slides > Appearance > Dimming opacity. Try 50%, for example. Now you'll see what I'm talking about - when viewing the images, the thumbnails are still there, in the background.

In a skin that produces separate slide pages, like Mercury, each large image has its own web page - so, the thumbnails will be on index.html, then there are separate pages for mydog.html, mycat.html, and so on. Notice what's showing in the browser's address bar as you move from image to image. This is much simpler, but it also means that there are things that you can't really do, or at least not do well, like automated slideshows, background music (music can't persist when you move from one page to another), and fancy image transitions (the mydog.html page, for example, contains only one image - it doesn't have access to the next or previous image, so it can't do anything tricky).

Search engines like separate pages, because they can provide a direct link to the page with your dog on it. With a lightbox skin, that is much more difficult to do, and may be impossible - the image of your dog doesn't have a unique URL.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums