Post by PostmasterGS on Jun 14, 2014 3:46:49 GMT
Greetings, all.
I'm working on a major re-design of my website, and I need your help.
As my website is currently setup, when a user clicks on a thumbnail of a stamp, it pops up a larger version with a caption. With this larger version on the screen, the user can click the left/right halves of the photo to scroll to the previous/next images, or click off the image to exit. This system is called a "lightbox". See here for an example.
The problem with any lightbox-based system is that without some serious effort, it's not scalable, meaning it doesn't adjust for image height/width. It therefore doesn't do well with large images, lower screen resolutions, and especially mobile devices.
In an effort to develop a better solution, I'm testing a system called TouchNSwipe that is built to be cross-platform compatible. It utilizes the swipe and pinch controls on touchscreen devices, and mouse clicking/dragging/scrollwheel on traditional systems.
I've implemented it on a small portion of my website, but before I put in the effort to update ~1,200 templates on my site, I wanted to get some feedback from those who use other browsers on mobile platforms.
So far, it's been tested on the following:
- Firefox on Mac OS X 10.9.3
- Safari on Mac OS X 10.9.3
- Safari on iPhone 4 running iOS 7.0.6 (known issues with navigation bar)
- Safari on iPad (3d Gen) running iOS 5.1.1
- Safari on iPad (4th Gen) running iOS 7.0.6
- Puffin on iPad (4th Gen) running iOS 7.0.6 (known issues with touch scrolling)
- Atomic on iPad (4th Gen) running iOS 7.0.6
- Mercury on iPad (4th Gen) running iOS 7.0.6
- Chrome on iPad (4th Gen) running iOS 7.0.6
- Dolphin on iPad (4th Gen) running iOS 7.0.6
The iPhone issue is for those using iOS versions earlier than 7.1. The navigation buttons on the iPhone can't be suppressed, and they get in the way of the TouchNSwipe controls. The temporary solution is to rotate the iPhone.
If anyone would like to help out, especially those with other types of mobile devices, click on over here and give it a try. Any of the pages in the "Ship Post" section should do. Any and all feedback is appreciated.
I'm working on a major re-design of my website, and I need your help.
As my website is currently setup, when a user clicks on a thumbnail of a stamp, it pops up a larger version with a caption. With this larger version on the screen, the user can click the left/right halves of the photo to scroll to the previous/next images, or click off the image to exit. This system is called a "lightbox". See here for an example.
The problem with any lightbox-based system is that without some serious effort, it's not scalable, meaning it doesn't adjust for image height/width. It therefore doesn't do well with large images, lower screen resolutions, and especially mobile devices.
In an effort to develop a better solution, I'm testing a system called TouchNSwipe that is built to be cross-platform compatible. It utilizes the swipe and pinch controls on touchscreen devices, and mouse clicking/dragging/scrollwheel on traditional systems.
I've implemented it on a small portion of my website, but before I put in the effort to update ~1,200 templates on my site, I wanted to get some feedback from those who use other browsers on mobile platforms.
So far, it's been tested on the following:
- Firefox on Mac OS X 10.9.3
- Safari on Mac OS X 10.9.3
- Safari on iPhone 4 running iOS 7.0.6 (known issues with navigation bar)
- Safari on iPad (3d Gen) running iOS 5.1.1
- Safari on iPad (4th Gen) running iOS 7.0.6
- Puffin on iPad (4th Gen) running iOS 7.0.6 (known issues with touch scrolling)
- Atomic on iPad (4th Gen) running iOS 7.0.6
- Mercury on iPad (4th Gen) running iOS 7.0.6
- Chrome on iPad (4th Gen) running iOS 7.0.6
- Dolphin on iPad (4th Gen) running iOS 7.0.6
The iPhone issue is for those using iOS versions earlier than 7.1. The navigation buttons on the iPhone can't be suppressed, and they get in the way of the TouchNSwipe controls. The temporary solution is to rotate the iPhone.
If anyone would like to help out, especially those with other types of mobile devices, click on over here and give it a try. Any of the pages in the "Ship Post" section should do. Any and all feedback is appreciated.
