Theme: iMobile for iphone and ipad

Hi,

I put together an iphone, ipad theme based on fotorama http://www.fotorama.io/.
This theme is activated when the iphone / ipad user agent is identified.
You can see some screenshots here http://codex.galleryproject.org/Gallery3:Themes:iMobile.

Installation:
* extract the contents of the attached themedispatcher_vxx.zip in your modules directory.
* extract the contents of the attached imobile-vxx.zip file in your theme directory
* activate the "Theme dispatcher" module and configure with the "Gallery iMobile" theme and the following user agents: iphone, ipod, ipad

Current Issues:
* no known

You can download the latest versions either from this forum post of from the github repository:
* https://github.com/calleho/gallery3

I fixed the issue with the slideshow start and uploaded a new version.

calleh

I was lucky enough to get a iPad for my birthday and am using it right now to test this out. This is cool. Good job and thanks for the codex page as well.
One issue I saw and don't know if it can be fixed with the current JS or not. When I enter the album I see a button/link to the parent album disappears when you slide the photos about. Once you do that you can't navigate to the parent album.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

I can't get the file to unzip properly on this computer, so I haven't seen the contents. (I'll try on another computer later.) But I'm thinking that you could possibly have the code inserted into a module. The module would then add the code to the views files dynamically (similar to the way code is inserted by the nobots module and the custom header module, but without the need for the admin interface).
http://codex.gallery2.org/Gallery3:Modules:nobots
http://codex.gallery2.org/Gallery3:Modules:custom_header

@calleh: I see. (I still haven't looked at the files yet.) I read "add the content of the <gallery root>/themes/<your theme>/views/page.html.php.inc file at the beginning of the <gallery root>/themes/<your theme>/views/page.html.php file of your current theme" to mean that you just needed to add some content via an inc file.

Thanks for that Dave. tempg's input gave me an idea where to look and I'm currently drafting a generic module which basically replaces the load_themes function in the theme.php helper and which would allow to load a specific theme based on a defined user-agent. But maybe there are some more elegant ways of doing this...

Not sure how this would solve the problem. In the meantime I have developed (thanks to tempg who opended my mind) the "Theme dispatcher" module (attached to the first post) which allows to configure different user agents. In case a visitor is using such a configured user agent a configured theme is used instead of the standard theme.
I also converted the theme now to an own theme, no other theme needs to be changed anymore.

Wow this really looks great!!

Would be cool to integrate it with my .Pear theme (http://code.google.com/p/pear4gallery/) a theme for G2 (but I think I'll start the porting process for G3 soon) that mimics the mobile.me gallery from apple. Demo of my G2 theme can be fund at: http://erlandssson.nu/~fer/gallery2/main.php

I had to uncompress it on the pc, add the .tar extension to the included file, uncompress that, and finally recompress the directory it produced. Then I could upload it and uncompress on the server.

Bit of a performance, but it worked.

i

I'm using iphone to access the gallery. I upgraded Gallery software to version 3.0.1, and it works now great!

I upgraded also XAMPP to 1.7.4, but Gallery upgrade seem to fix things for me. Thanks for support.

Have you tried http://codex.gallery2.org/Gallery3:Modules:square_thumbs

Worked like a champ! Even I could install this! :D
Maybe "Add a photo-option" would be cool. But hey! ;)

Edit: And maaaybe some tags/latest update/most viewed at the bottom! ;)

My other sandbox

I have corrected the safari crashes by using a different js framework for the theme. I have attached the latest version to the first post of this thread.
I have also included square thumbnails with proper aspect ratio.

No, it wasn't you - it was me. Seems my last zip didn't work.
I've uploaded it again. Should be ok now.

Ok, ok I have converted the tgz to a zip, now everyboy should be able to unzip

Hello! Thanks Calleh, now it looks great!

Very nice theme. Works very well. Thank you for developing and sharing this!!!

One small issue:
Today I noticed, that when I follow e.g. a notification link about a new comment in my gallery on an iPhone, the link results in an error page.

Kind regards,

h_s

I hope this is the corresponding error msg.:

Thank you very much!

Kind regards h_s

Sure, but I have not tested the theme on android as I have no device available.
In order to send him to the iMobile theme, you would need to add the android useragent string to the configuration of the themedispatcher module. Try "android", that should work.
And please provide feedback if the theme works on android phones.

When are you getting this error?
And can you please enable debugging and provide the regarding, more verbouse logoutput.

@calleh The google adsense module doesn't work with this and in chrome browser [pc] the theme is grey and in FF4 its white.
If you have more than 15 albums where's are 3 panes in the theme using chrome [pc]
Also, when I try to login I get a download file is this normal via PC

How do I add comments & share photo [addthis] plugin, add photo to album option!

Check the latest update from Jaipho for Smoother scroll on Jaipho

@cmisip Have you configured the user-agent setting of the themedispatcher module as shown here http://codex.gallery2.org/Gallery3:Themes:iMobile?

@sunite A quick solution for your large number of albums would be, if you would place them in a number of sub-albums. A more sophisticated solution would be to enhance the theme with paginator support, which I haven't yet, but you are happy to provide input.

To the pinch an zoom feature: You need to tap the picture once and then you can zoom using two fingers, like you zoom all other things on an iphone. A one-finger swipe triggers the move to the next slide. How would you zoom with only one finger? There might be an occasion where one picture stays, which goes away if you swipe over it. If you find a way to prevent this, I am open for suggestions.

@gpo Each browser sends a user-agent string to the webserver he is accessing. This user agent string contains beside a number of things also the platform it runs on. The purpose of the themedispatcher module is to select a different theme in case a specific user-agent string is found. In our case we configure themedispatcher to select the imobile theme in case the user-agent string contains iphone or ipad, only in those cases you would see the imobile theme. When you try to access the same site with a firefox, chrome, etc from a pc / mac you would of course see the "normal" theme - unless you fake the user-agent string of that browser. The imobile theme is only made to be accessed from mobile devices like iphones, ipads, androids, etc.
imobile does currently not support comments and probably adsense (I have never used the adsense module, so I don't know how it works.)
When I started to work in this theme, my intention was to basically allow to browse my gallery on mobile devices. I did not intent to implement all features, as I don't want to maintain, upload, etc my gallery form a mobile device. I still have a "proper" pc where I can do those tasks.

That's because iPhone/iPod Touch & iPad doesn't support flash...

The videos are embedded using the html5 video tag. So your video must be in a format that is supported by your browser, than it works.

This sounds like a good idea. I will have a look into this. But don't expect this to be done in the next few days....