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


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


Permlink Replies: 3 - Pages: 1 - Last Post: 10 Feb 23, 18:51 Last Post By: dlg1955
dlg1955

Posts: 28
Registered: 17-Jun-2011
Minimal Skin
Posted: 7 Feb 23, 04:57
 
I’ve been happily using Vertical Slide skin on my artwork website for many years now. But, I can see that it no longer works well with cell phones. I have begun experimenting with an older version of the Minmal Skin (Version 5) that I had on my jAlbum program from long ago. It’s a nice, clean design and works well on a computer as well as a cell phone. But, I have a couple of questions regarding its potential:

1) Is there any way to align the thumbnails by height while retaining the entire image and its correct aspect ratio? I can make “fixed shape thumbnails,” but that crops the image. If I unclick “fixed shape thumbnails” to get the full image, the overall page design looks a little jumbled with varying heights of images.

2) How hard is it to insert text into the thumbnail and individual slide pages-- if at all possible? On the individual slide index pages, I would like to place words next to the navigation buttons to describe their function. On the Thumbnail index page, I would like to insert a text link to return to the main table of contents page.

3) Are any of these functions available on the more recent updates to this skin? Or, are there other similar jAlbum skins I should look at?

If anyone has feedback I would really appreciate it. Thanks so much…
Dan Gheno
JeffTucker

Posts: 8,490
Registered: 31-Jan-2006
Re: Minimal Skin
Posted: 7 Feb 23, 15:34   in response to: dlg1955 in response to: dlg1955
Helpful
Thumbnails of varying heights are always going to look a bit jumbled. But try Saturn, which will put equal-height boxes around the thumbnails, which creates the illusion of regularity:

https://jefftucker.net/saturn/folders/Galaxies/

Or try Neptune with a horizontal masonry layout. This does very minimal cropping of the thumbnail images. Sometimes, there's just no other way to get even rows, so some slight cropping may occur:

https://jefftucker.net/neptune/light/

If you like the lean, old-school appearance of Minimal, but want more control over things, try Atom. If you don't use fixed shape thumbnails, you can provide the skin with a line of custom CSS under Atom > Code > CSS that will top-align the thumbnails, rather than middle-aligning them:
#ja-fthumbnails > div, #ja-thumbnails > div {vertical-align: top;}
JeffTucker

Posts: 8,490
Registered: 31-Jan-2006
Re: Minimal Skin
Posted: 7 Feb 23, 15:44   in response to: dlg1955 in response to: dlg1955
Helpful
dlg1955 wrote:
On the individual slide index pages, I would like to place words next to the navigation buttons to describe their function.

The tooltips that appear when the visitor hovers on them are always sufficient. Anyone who has used the internet in the last decade knows what most of them mean without being told, and once he's clicked on one of the more obscure icons, he will immediately get the idea. Loading up the navigation controls with text is a visual distraction, and also makes it impossible to view the album properly on a phone, where all that excess verbiage can't be shoehorned onto the display.

On the Thumbnail index page, I would like to insert a text link to return to the main table of contents page.

Any of the skins I've mentioned above provides a simple way to do this without doing any coding or editing outside of the skin's own user interface. The UI is a little different for each, but look for Code > Top Info. That can be used to plant some text above the table of thumbnails, which you can enter as:
<a href="https://example.com/">Click here to return to the home page</a>
dlg1955

Posts: 28
Registered: 17-Jun-2011
Re: Minimal Skin
Posted: 10 Feb 23, 18:51   in response to: JeffTucker in response to: JeffTucker
 
Thank you for the extensive feedback. I went ahead and reformed some of my gallery pages with Minimal because I needed to have them up right away. But, I will experiment with one of the skins you suggested when I have more time. Your skins are very well designed and I look forward to trying them out. Thanks again.
Legend
Forum admins
Helpful Answer
Correct Answer

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