best set up for iphones

[zoomhome]

I have a tour http://www.zoomhome.com/sheppard/360_1/ that I want to remake so it can be seen property on the iphone (small screens etc) I know that I will need to make a smaller skin for the iphone only, but what are the best settings (cube tile sizes) and what do I use to make sure the viewer that comes to the site on an iphone see the correct set up with skin? I currently use the mobile settings on the html 5 which seems to work well but I do need that smaller skin. I searched the forum and can't totally understand what the simplest and best way is to do this so that it so that it automatically directs them to the right skin version. I assume I make a second html5 setting with the smaller skin versions too.

html5.jpg (50.71 KiB) Viewed 3996 times

html5_2.jpg (33.26 KiB) Viewed 3996 times

Thanks in advance,

Russ Addie
Zoomhome

[zoomhome]

I did look at this post http://gardengnomesoftware.com/wiki/Usi ... TML5_skins where it explains the php set up. My main question is do I need a whole different set of images or just do I need to create one set with a different skin to make it work. Also since I have 16 tours do I just need to have this code on the first tour that is launched since that it the one that opens or do I need to changed each tour. The link goes to the .swf tour and seems to work fine. Just can't seem to wrap my head around this and have tried a few times without success.

Russ

[zap]

Hi
Can't help you directly with this but my solution with all this mobile/desktop hickhack
I dropped the menu off by default: people know how to navigate on mobile device and on desktop.

this avoided me MANY problems with all those recent screensize and mobile issues

[zoomhome]

I know, I am trying to have "Buttons / links" to the other tour items (16 total) to have it all self contained. I'm in the middle of building a smaller navigation set and may just use that across the board, but need to see if it's too small for desktop and the ipad size mobile.

Thanks,

Russ

[Hopki]

HI Russ,
The one HTML5 project with two skins.
Just make sure all the graphics required for both skins are in the image folder.

Example:
Output version with iPad skin, rename skin.js to skin_ipad.js.
Switch to iPhone skin and output, then rename the new skin.js to skin_iphone.js.

Add code to webpage and upload the index.php page making sure you don't have an index.html page.
Regards,
Hopki

[zoomhome]

Ok, I will try that in a bit, but for the time being I made the entire nav situation smaller so I can see on iphone and seems ok on desktop. Basically I take the second group of skin images and drop them into the same folder (image) at the first skin parts correct, then it should figure out which it which?

Russ

[zoomhome]

Ok Hopki, Tried to make it work and obviously I have something wrong.

Standard version for ipad and desktop etc.... http://www.zoomhome.com/kutztown/360_1
Second version that works on iphone / smaller screen. http://www.zoomhome.com/kutztown/_360_1

I want it to be the _360_1 version that I would use as the file to load and figure out which to display

I changed (I think) the items that were to be changed, the two skin names to _ipad and _iphone. I changed the index.html code to add in the items from the posting
http://gardengnomesoftware.com/wiki/Usi ... TML5_skins then changed the name to index.php and made sure that there was no .html index in the
same folder and when I go there on my desktop I see the iphone versions. I mean it looks fine but would rather have the map appear and not the text drop down. Included the index.php as a word doc to make sure I have the code correct. Can you see it to check?

Russ Addie
Zoomhome

[Hopki]

Hi Russ,
Please find attached a working project, it has a simple text box, iPad and computer and iPhone and Touch.
I have put it online so you can see it working: http://support.ggno.me/russ
If you can not get it working please make sure your hosting has PHP capabilities.
Regards,
Hopki