Request For Assistance With Website

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.

Hello Postmaster


I have tested on an iPhone5 (IOS 7.1). The navigation buttons are extremely small. In portrait mode almost impossible to use. They are useable in landscape mode.

I can also test with an iPhone4S, iPad2 and iPad Mini Retina if you want. Let me know what I can do to help.

Good luck with your project.

Works great & looks beautiful on my system:

Google Chrome 35.0.x
OS X Mavericks 10.9.3

The +/- zoom works great, as does zooming with trackpad and magic mouse.
The Previous/Next and "filmstrip" controls work as expected; as do the caption and close buttons.

Kirk

Samsung Galaxie
Android System V 4.04-x
Google Chrome 35.0.1916.122

The webpage loads nicely and the images look great. The only issue I encountered happened when I swiped from one image to the next. While the new image was loading, the screen flickered wildly. Most of the time, this didn't happen as the images loaded immediately. However, I am in my office inside a metal building that affects my service - so there is often a short pause in my browser.

On to the desktop:

Windows XP Pro SP3
IE 8.0.6001.x

The new image viewer does not work on my setup. I see the thumbnails just fine, but I can't click and expand any of the images. Your original setup still works fine on my desktop.

Brian

Brian,

Do you have any other browsers on your XP system you could test with? I'd like to isolate the fault and see if it's the browser or some other culprit. Its probably an IE8 issue (Rule #1 of web design -- if it's broke, it's probably IE's fault!).

ClassicalStamps,

If you could test other devices, that would be great. I'm working on the iPhone issue. I'm going to try to make the button sizes variable depending on the screen resolution.

Works great with Firefox 30.x

It works fine on my desktop: Windows 8.1 and IE11.

On Android 4.1.2 It works fine too.

On my Surface with Windows RT8.1 and IE it works fine as well.

[edit] FYI I was looking at the 1901 Yacht issues when I first posted. I didn't notice your link to test. Someday I will read a whole post before I answer.

I hope some of this is useful.
Dan

I'll do some Android testing for you tomorrow.