|
Replies:
12
-
Pages:
1
-
Last Post:
17 Dec 21, 21:56
Last Post By: John-Simpson
|
Threads:
[
Previous
|
Next
]
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 13:03
|
|
|
Firstly: - Jeff may kick this question out into the General Section. (I'm using Jupiter )
Secondly: I do not like changing skins because not only is there a learning curve of using them, but also there are unintended consequences. e.g. Changing from GROMIT to TIGER meant that any previously made inks to my pages, now return a 404 error! (TIGER web pages all end using this convention - index.html#img=MGB1963SD-001.jpg rather than .HTML)
THE QUESTION:
Given that fully responsive is the best setting for small devices, then what is the best way to display images, if seeing the detail on some images is a major consideration. Examples are:
- Technical Drawings - mostly landscape.
- Text or Text with Photos - mostly Portrait.
- Even for just photos of scenes people or artwork, there is often the need to zoom in to see the detail!
(touchscreen users can pinch out to magnify)
SOME SOLUTIONS (I offer myself:)
- 1 - skin/jAlbum offers a zoom magnifier for generated web pages.
- 2 - skin enables selected images to jump out of responsive mode to allow either horizontal or vertical scrolling. (as GROMIT did - but a universal setting)
- 3 - convert images to PDF. (On tablets and phones you have to download the PDF though!)
Edited by: John-Simpson on 7 Dec 2021, 12:04
|
|
|
Posts:
7,943
Registered:
31-Jan-2006
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 15:23
in response to: John-Simpson
|
 |
Helpful |
|
|
Secondly: I do not like changing skins because not only is there a learning curve of using them, but also there are unintended consequences. e.g. Changing from GROMIT to TIGER meant that any previously made inks to my pages, now return a 404 error! (TIGER web pages all end using this convention - index.html#img=MGB1963SD-001.jpg rather than .HTML)
The difference isn't just some sort of naming convention.
Gromit, like Jupiter, is a "slide pages" skin. So, if you add mydog.jpg the project, you end up with a separate page for that image, slides/mydog.html.
Tiger, like Neptune, is a "lightbox" skin. There is no separate HTML page for mydog.jpg. The image is simply opened in a modal window. The visitor never leaves the thumbnail page, index.html.
Pay attention to what's showing in the address bar in the browser as you move from image to image. Laza's lightbox skins do provide a direct link to a specific image in the gallery (via a query string), even though you never leave the thumbnail page. Mine do not.
* 1 - skin/jAlbum offers a zoom magnifier for generated web pages.
Both Windows and macOS offer magnifiers. All major browsers also have magnifiers. These two often collide, in unpredictable ways. Adding yet another magnifier sounds like a recipe for endless problems.
* 2 - skin enables selected images to jump out of responsive mode to allow either horizontal or vertical scrolling. (as GROMIT did - but a universal setting)
As RobM has suggested, just include the original. The visitor can open it "raw" in the browser, and do whatever he likes with it. |
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 16:02
in response to: RobM
|
|
|
For detail sensitive images why not just include the original?
It is a solution that works, but it takes the visitor away from the browser into their default image viewer to view a downloaded image. Not a particularly elegant way of doing things! |
|
|
Posts:
7,943
Registered:
31-Jan-2006
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 16:07
in response to: John-Simpson
|
|
|
...it takes the visitor away from the browser into their default image viewer to view a downloaded image.
No it doesn't.
(demo album removed) |
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 16:21
in response to: JeffTucker
|
|
|
Secondly: I do not like changing skins .......
The difference isn't just some sort of naming convention.
Gromit, like Jupiter, is a "slide pages" skin. So, if you add mydog.jpg the project, you end up with a separate page for that image, slides/mydog.html.
Tiger, like Neptune, is a "lightbox" skin. There is no separate HTML page for mydog.jpg. The image is simply opened in a modal window. The visitor never leaves the thumbnail page, index.html.
Pay attention to what's showing in the address bar in the browser as you move from image to image. Laza's lightbox skins do provide a direct link to a specific image in the gallery (via a query string), even though you never leave the thumbnail page. Mine do not.
Seems over-complicated to me. I prefer the simplicity of your skins.
* 1 - skin/jAlbum offers a zoom magnifier for generated web pages.
Both Windows and macOS offer magnifiers. All major browsers also have magnifiers. These two often collide, in unpredictable ways. Adding yet another magnifier sounds like a recipe for endless problems.
I just wonder how many site visitors will have magnifiers and if so will it magnify the pixels and do nothing for seeing the detail?
* 2 - skin enables selected images to jump out of responsive mode to allow either horizontal or vertical scrolling. (as GROMIT did - but a universal setting)
As RobM has suggested, just include the original. The visitor can open it "raw" in the browser, and do whatever he likes with it.
Messy - particularly if there are quite a few to look at. Visitors to the site don't intuitively do this, they complain to me that they can't clearly see the detail! |
|
|
Posts:
7,943
Registered:
31-Jan-2006
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 16:35
in response to: John-Simpson
|
|
|
Seems over-complicated to me. I prefer the simplicity of your skins.
But my skins are of both varieties - "slide page" and "lightbox." In a lot of ways, lightbox skins are actually simpler - far fewer files involved.
The desire for the ability to link directly to an individual image usually relates to social media stuff, which I just won't touch. The irony is that Facebook keeps changing the rules and screwing this up, so it often doesn't work anyway.
And there are things you can't do with "slide page" skins, like background music (music can't persist from one HTML page to another), automated slideshows (not completely impossible, but godawful to manage), and cross-fading from one image to the next.
Messy - particularly if there are quite a few to look at. Visitors to the site don't intuitively do this, they complain to me that they can't clearly see the detail!
Tell them about the download arrow. If they use it once, they'll know about it, and will no longer complain. |
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 16:58
in response to: JeffTucker
|
|
|
...it takes the visitor away from the browser into their default image viewer to view a downloaded image.
No it doesn't.
(demo album removed)
I don't know how you did that and if it is desirable in all cases. Since I can't reproduce what you've done I'll ask you if there is a setting in Jupiter that forces downloads to open in a browser window?
EDIT:
The undesirable bit is that hitting your download button on the link above doesn't actually download the image. At least not to my downloads folder which is part of Windows 10.
Edited by: John-Simpson on 7 Dec 2021, 16:07
Edited by: John-Simpson on 7 Dec 2021, 16:12
Yes, I have found the setting in Jupiter - tick - downloads open in new browser tab
But does this mean that those that want to transfer the photo on their PC have to right-click save as?
Edited by: John-Simpson on 7 Dec 2021, 16:17 |
|
|
Posts:
7,943
Registered:
31-Jan-2006
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 17:17
in response to: John-Simpson
|
|
|
I don't know how you did that and if it is desirable in all cases. Since I can't reproduce what you've done I'll ask you if there is a setting in Jupiter that forces downloads to open in a browser window?
Um, yes. Look at the Slides tab.
The undesirable bit is that hitting your download button on the link above doesn't actually download the image. At least not to my downloads folder which is part of Windows 10.
Of course not. If it did, then when the visitor double-clicked on it in File Explorer, it would open in something like Pictures instead of the browser.
Make up your mind! Do you want the image to open in a browser tab, or do you want it to go to your Downloads folder? It can't do both. |
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 17:30
in response to: JeffTucker
|
|
|
I'd found that setting moments before you posted. I'll have a think about what I want.
Right-clicking the resultant image that has opened up in a new tab enables the image to be saved to Downloads.
Thanks for the nudge.  |
|
|
Posts:
7,943
Registered:
31-Jan-2006
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
7 Dec 21, 17:35
in response to: John-Simpson
|
 |
Correct |
|
|
But does this mean that those that want to transfer the photo on their PC have to right-click save as?
Of course. Like I said, it can't do two different things at the same time. Either open in the browser, or save it to the PC.
People will figure this out. I'm always a little baffled by users who assume that their site visitors have never used a PC before. "Holding the 'mouse' in your right hand (it's not really a mouse - it just looks like one), move it on your desktop. Notice that there's a little arrow on the screen that moves at the same time. When the arrow is pointing to the picture you want to look at, use your index finger to press down - just once - on the left side of the mouse."
And even your elderly Aunt Esther, if you tell her how to do it, will quickly learn. No need to show a page of exhaustive - and exhausting - instructions every time someone hits the page. |
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
9 Dec 21, 21:17
in response to: JeffTucker
|
|
|
|
The site visitor does not know what the download button does! In some cases, it will do as it's name suggests and download, but on other albums, it opens the original image in a new tab.
I might have preferred a magnify and scroll out of responsive mode solution, but the 'download and open in a new tab' setting works well. Thanks
|
|
|
Posts:
167
Registered:
15-Jan-2008
|
|
|
|
Re: Jupiter - How to see detail in Technical Images and Text?
Posted:
17 Dec 21, 21:56
in response to: JeffTucker
|
|
|
|
The problem with all this is that even if they do learn, they have no idea that the website has an included original.
A Magnify slider is what it is and no confusion.
|
|
|
|
Legend
|
|
Forum admins
|
|
|
Helpful Answer
|
|
Correct Answer
|
|
