Theme: iMobile for iphone and ipad

calleh

Joined: 2011-03-28
Posts: 90
Posted: Sun, 2011-10-30 12:21

Just uploaded a new version with bigger iPad thumbs.

 
windracer

Joined: 2007-03-05
Posts: 113
Posted: Sun, 2011-10-30 14:24
windracer wrote:
I still have the occasional blank page album loads, though, on v2.0. Guess I need to dig into it more and see if I can figure out what's going on.

Doing some more digging, it looks like when I have an album load with no thumbnails, the thumbs-images-container div is empty:

<div id="thumbs-images-container"></div>

whereas in a "working" album the container is "full":

<div id="thumbs-images-container" style="display: block; "><div class="thumbnail" id="0_thumb_div"><img id="0_thumb_img" title="IMG_0270.JPG" src="/wr/var/thumbs/2011/2011-09/IMG_0270.JPG?m=1317446003" style="width:123px;left:0px;top:0px;" onclick="slidemgr.show(0);"></div> .... snip snip!

It's strange that even though the thumbs-images-container is empty, the images array later on in the javascript is full of the image paths and such.

Any ideas?

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Sun, 2011-10-30 19:18

@windracer can you save a page with and without thumbs as html and send them to me.
I will have a look.

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Mon, 2011-10-31 15:48

I just uploaded a new version which fixes an image caption escape bug.

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2011-10-31 16:36

Great! Thank you very much

 
windracer

Joined: 2007-03-05
Posts: 113
Posted: Mon, 2011-10-31 16:41
calleh wrote:
I just uploaded a new version which fixes an image caption escape bug.

This has fixed my "empty" album problem, thanks!!

 
Mike_Sendrove

Joined: 2006-10-19
Posts: 6
Posted: Tue, 2011-11-08 07:05

Hi - this theme is excellent - many thanks. Of course I'm posting because I have a problem. On my android and iOs device, when I click on an album thumbnail, nothing happens.
If the overlay is small enough so that there is a part of the thumbnail that isn't covered by the overlay, then I can click on that and the album opens.
Otherwise, if the thumbnail is fully covered by the overlay, then I can hold down, and press open on my android device, but there is no option to do that on the iphone, so I can't use this theme to open an album on the iphone.
I hope this makes sense - am I the only one for who this happens?

I've tried commenting out lines 204-206 of js/jaipho-main-src.js as mentioned in a previous post in an effort to remove the overlay, but it doesn't seem to have had any effect.

Thanks for any advice,
Mike

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Tue, 2011-11-08 08:26

Hi Mike, I think I understand what you mean. I will have a look at it. The easiest solution would probably be to cut the album titles short.

 
nikkor

Joined: 2010-09-10
Posts: 2
Posted: Thu, 2011-11-10 03:29

Hi, Thank you for the theme as well. I too have the issue of the album name causing too big of overlay to allow clicking on an iphone. Would it be possible to have the overlay part of the anchor tag, or make it somehow "clickable" with a link to the album?

Thanks!

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Thu, 2011-11-10 12:10

I have just uploaded a new version, which fixes this.

 
Mike_Sendrove

Joined: 2006-10-19
Posts: 6
Posted: Thu, 2011-11-10 18:24

That's great - thanks a lot for all your hard work. This theme is excellent.
Mike

 
nikkor

Joined: 2010-09-10
Posts: 2
Posted: Sat, 2011-11-12 19:47

Thank you very much for updating the theme. The fix works great!

 
djschiff

Joined: 2008-11-03
Posts: 20
Posted: Sun, 2011-11-13 02:06

Wow! Thank you! Finally scored an iPhone this week, and in 10 minutes I had this up and running. Excellent work!!!

 
Joshua173

Joined: 2011-11-12
Posts: 5
Posted: Mon, 2011-11-14 23:20

Is their any version of this theme that allows mobile uploading?

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Tue, 2011-11-15 09:26

No, as the iphone does not natively support this.

 
Twilek
Twilek's picture

Joined: 2003-05-30
Posts: 73
Posted: Tue, 2011-11-29 21:28

Just updated to latest version. Looks beautiful and works like a charm! Thanks a lot!

 
dewd
dewd's picture

Joined: 2005-03-06
Posts: 6
Posted: Thu, 2011-12-01 01:45

I'm having a problem where none of my videos play on my Android phone nor my iPod Touch. I'm 99% sure they played prior to me updating
to iMobile theme 2.3 (I do not know what version I was on before). The movies play fine on my computer and they play fine on my Android/iPod if I
hard code the path in the browser.

Help please.

My Gallery: http:///willowville.net/gallery3

Example of a movie that does not play: http:///willowville.net/gallery3/var/albums/1970/movies/1970 - David 1st Birthday.mp4

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Thu, 2011-12-01 06:49

I just tried the movie you mentioned and I can play it without problems on my iphone using the theme.
Have you tried to clean the cache of your browsers?

 
dewd
dewd's picture

Joined: 2005-03-06
Posts: 6
Posted: Thu, 2011-12-01 16:29

Thanks for the response. Did you try it from the hard coded link I provided or from within Gallery?

Try it from here: http://www.willowville.net/gallery3/index.php/1970/movies

I can make it work from the hard coded link as well.

I cannot make it work any other way on multiple devices (Android, iPod). I cannot make it from my desktop if I set iMobile as my theme.

 
prosumer

Joined: 2008-01-05
Posts: 6
Posted: Thu, 2011-12-01 17:56

Dear calleh, thank you for creating & sharing this theme.

I have 2 questions/requests:

1) On the iPhone, how can I hide the browser's address bar and footer buttons to get "full screen" especially in landscape mode? Tweek the css file? How?

2) How can I change the transition effect from the default slide-left to a simple "appear" during playing of the slide show? I am showing a series of timed-photos captured from a security camera, therefore would prefer non-sliding transition effect. Can I also tweek it in css or do I need to hack the codes? How?

Thank you very much!

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Fri, 2011-12-02 07:56

@dewd: I tried it clicking through your gallery, not using the direct link and had no problems. It takes some moments until the video is loaded, but then the plays button appears. Testing it from the desktop requires your browser to support the video codec you encoded the video with - so this is not necessarily representative. Have you tried emptying the caches of all your browsers? What iOS version are you using?

@prosumer: to your questions:
1) If you save the link of your site to the home screen and you open your site via the new icon it will start without addressbar.
2) I'm using photoswipe for the slideshow. Photoswipe allows the customization of effects. You need to customize album.html.php and add to the options variable nextPreviousSlideSpeed, slideshowDelay, slideSpeed with regarding values. Have a look at the photoswipe documentation to understand what this is for.

 
prosumer

Joined: 2008-01-05
Posts: 6
Posted: Fri, 2011-12-02 15:51

Thanks for the 2 tips :)

1) I tried your suggestion and also googled about it knowing it's a "webapp" behaviour. However, when I click on an album, a new page will be loaded which brings back the address & bottom bars.

At the end, I added the following in page.html.php:

Quote:
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

...which works for the address bar but the above issue still bring back the bottom bar.

2) I tried a few changes to varies options and finally settle with "slideSpeed: 10" to work for me.

 
dewd
dewd's picture

Joined: 2005-03-06
Posts: 6
Posted: Fri, 2011-12-02 15:58

@cellah

Thanks again for the response. I don't get it. I cannot make it work on my Android browser (default browser or Dolphin mini) nor my iPod Touch with IOS3.

I will try tonight on my son's Galaxy Tab and on his HTC G2.

When I open the video I get this:

[img]http://www.willowville.net/tmp/snap20111202_105149.png[/img]

No matter how long I wait the movie never starts. The play button does nothing when pressed.

These mp4's are properly encoded for the web and this video loads and plays immediately on my phone when using the direct link.

 
tonycelestino

Joined: 2011-10-01
Posts: 2
Posted: Sun, 2011-12-04 12:57

Hi @calleh I dont know why I'm not getting email notifications from the forum so I didnt even knew you had integrated photoswipe to your project. Thanks for hearing my request I bet its a lot smoother now, I will download and upgrade my galleries right away! Thanks very much!

 
downthelocal

Joined: 2011-12-07
Posts: 3
Posted: Sun, 2011-12-11 13:03

Hi calleh

First up I would like to thank you for your awesome work on the imobile theme!

We use our gallery3 install to run an entertainment directory. I am having an issue with Redirect to URL.
When a URL is attached to an album it will redirect to the external site but when it is a photo it just shows a bigger version of the photo and wont display the external website.
Can you pls point me in the right direction to solve this? Im testing on galaxy s and i have the purify html module installed.

Cheers
downthelocal

 
downthelocal

Joined: 2011-12-07
Posts: 3
Posted: Mon, 2011-12-12 03:09

anyone?

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Mon, 2011-12-12 04:40

Not sure I understan the problem. Why does an album redirect to an external site URL?

 
downthelocal

Joined: 2011-12-07
Posts: 3
Posted: Tue, 2011-12-13 01:28

In this instance I was going to list many dining venues individually but then realised that they had a site that already lists all their venues so I redirected the album to that site...

Anyhow .. its a feature of G3 that u can "redirect to url" on an album or a photo, when I use your imobile theme only album is working, is there part of the code i can copy
from album.html.php to photo.html.php to enable redirect to url on photos?

This is the page in question http://downthelocal.com.au/index.php/Dining ..... The Graziers Australian Beef Steakhouses (album) is redirecting but any photos inside albums are not.

Thanks for your help :)

 
petri
petri's picture

Joined: 2005-12-15
Posts: 253
Posted: Wed, 2011-12-14 12:59

Hello Calleh !!

Big congrats for this GREAT GREAT module !!!!! It works pretty fine, I tested in on iPad 1 and Nokia symbian Anna (I used "nokia" as user agent), on the Nokia it only works with the native browser, not on Opera mini neither Mini Browser.
The swype function does not work on the Nokia but tapping on the photo will pop the menu at the bottom, navigation and slideshow do work well.
I only have one problem, it's the time it takes to view the photos, on Ipad as well as Nokia, I often get broken images or very long loading times, and my pic are rarely over 50kb each.
I don't know if it's because I am in China and my server in Europe....am I the only one with this speed problem ?

------
Gallery 3 URL = http://www.coquille.org/gallery3
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.73 1.23 1.24
Graphics toolkit: gd

 
allanmarcus

Joined: 2005-12-17
Posts: 21
Posted: Tue, 2011-12-20 04:36

First off, fantastic! Much thanks.

In the page.html.php please consider changing the meta tag for user-scalable to

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;"/>

Some of us are getting older and we ned to be able to zoom in :-)

Also, you might want to consider adding:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Now, if you could just make the whole thing done using AJAX with no URL, that would make it a stane-alone app! (OK, that might be asking too much).

Again, thanks!

-Allan

 
heydroid

Joined: 2003-09-29
Posts: 48
Posted: Tue, 2011-12-27 05:09

From what I can tell, it works fine with Safari on iOS, and Chrome on Android. But does not work with Opera Mini on Android.

Album pages will show up, but when a image is clicked to view, it just refreshes the page.

I'll do some digging and try to find out why.

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Tue, 2011-12-27 12:17

@allamarcus Thanks for your feedback I will consider this for the next release. I do have the ajax thing already on my agenda, but I guess it's a bit more work as some parts have to be rewritten significantly.

@downthelocal I will need to look into this as I have never used these features.

@dewd I have test your movie in question with iOS 3 and 5. With 5 I have no problem watching the movie, with 3 I have. I tweaked my g3 installation to properly work with html5 movies as outlined here http://gallery.menalto.com/node/101033 . Maybe you would also need to do this.

 
lightxx

Joined: 2010-12-02
Posts: 28
Posted: Wed, 2011-12-28 07:56

thank you very much, this really is a great module / theme.

anyways, i'm a bit confused now. just upgraded to themedispatcher-v2.2 and went to the admin panel, where gallery3 suggested upgrading from theme dispatcher version 1 to version 5 (which i did). confusing. what's the latest version? what's that upgrade thing? should i revert the the version in the zip archive? 2.2?

 
fidoboy

Joined: 2012-01-10
Posts: 3
Posted: Tue, 2012-01-10 13:42

Hi, how can i translate the strings included with this theme? i can't see how to use the Gallery3 translator with this theme...

 
Krater
Krater's picture

Joined: 2012-01-28
Posts: 5
Posted: Sat, 2012-01-28 21:49

Hi
This is just the theme I was looking for. Thank you so much, it is great!
It works perfect in Safari, but I'd like to have it fullscreen, so I've downloaded some other fullscreen browsers and the same happens in all of them:
When you're viewing a photo and rotate the iPhone to accommodate it to the photo, the photo appears off-center and doesn't scale to fit the screen. If the rotation is from vertical to horizontal, I can see four thumbnails to the right. From there on (with any rotation), it doesn't work very well, even if I zoom in the photo and center it (when I swipe I get half photo to the left and half other photo to the right).
It would be great if you could fix this.
Thanks,

Krater

 
petri
petri's picture

Joined: 2005-12-15
Posts: 253
Posted: Sun, 2012-01-29 04:37

Hello

I noticed the same bug as Krater with VanillaSurf (fullscreenbrowser)

I also wanted to add that the navigation is not very handy when browsing through a big gallery.
We you have more than 4 levels of sub folders, it gets very slow to browse around. Could it be possible to add some kind of breadcrumb or at least a home button ?
I know the breadcrumb is a problem because of the phone' screen size... but maybe in a drop down menu ?

The best would be to get the album tree module in a drop down menu, so the user can chose in which album he want to go in one click.

Thanx again for the great theme and keep up the good work !

------
Gallery 3 URL = http://www.coquille.org/gallery3
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd

 
zetarhos

Joined: 2006-02-12
Posts: 9
Posted: Sun, 2012-02-19 03:19

First of all, teriffic job on this module! I was looking at Photoswipe thinking "gee I am way too underqualified to integrate this into my Gallery3 installation", and then I stumbled on this thread. Thanks for all your hard work!

I'm trying to replace the Login button with a Close button for my purposes. The idea is that users launch my gallery from the site, and while it is in the same browser tab as the site, they "Close" out of it and it returns them to the page they launched it from. It worked great when I hard coded the button to link back to a particular "demo.html" page, but then I realized that it can be launched from multiple pages because of my running news feed. Currently, it redirects users to "demo.html" no matter where they launched it from.

I'm trying to figure out the best way to make the button know where to send them. Google has led me to PHP sessions and HTTP_REFERER. I don't play with PHP too much, so I'll give you what I've got and hopefully some of the brilliant minds here have a better idea.

In the gallery3 folder, in index.php, I put:

Quote:
session_start();
if(isset($_SESSION['current'])){
$_SESSION['oldlink']=$_SESSION['current'];
}else{
$_SESSION['oldlink']='no previous page';
}
$_SESSION['current']=$_SERVER['PHP_SELF'];

In imobile/views/album.html.php where the "Login" button used to be, I put:

Quote:
<a class="button" href="<?php echo $oldlink ?>">Close</a>

Right now, the "Close" button is just navigating to itself. I'm totally confused. Any thoughts?

 
petri
petri's picture

Joined: 2005-12-15
Posts: 253
Posted: Wed, 2012-02-22 06:53

Hi Calleh,

I have the latest version installed (2.3) and can't make the header or footer text appear. The site credits does not show up as well on the iphone 4s and ipad 1 (both on iOS 5).
I have activated the theme and can't even see header of footer on the computer browser.

you can check it on here.

I also would like to add a small logo under the Mobile / Full Version at the bottom of the page, I will link it to the homepage.
Could you tell me where I could insert that logo ?

Thank you again for that great theme

edit : I found the way to add the logo by editing page.html.php and imobile.css.
Have reinstalled imobile but still no header, footer nor site credits...

Petri

------
Gallery 3 URL (test) = http://www.coquille.org/gallery3
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Fri, 2012-02-24 21:52

I just uploaded a new version where I
* updated the photoswipe library to version 3.0.4
* fixed the fullscreen mode problem that albums open in a new browser window instead of the fullscreen

@Krater and petri With this version, I couldn't observe your problem in fullscreen mode with rotating the iphone

 
Krater
Krater's picture

Joined: 2012-01-28
Posts: 5
Posted: Sat, 2012-02-25 09:28

It works well now with VanillaSurf. Thanks!!!

 
ebrandow

Joined: 2010-11-30
Posts: 7
Posted: Sat, 2012-02-25 14:22

I just upgraded, but I'm now noticing issues in iOS when I rotate the orientation. It seems that the image caption and navigation bar double in size when I rotate to landscape on an image, and then when I return back to the folder level, the screen is zoomed in 2x...

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Sat, 2012-02-25 18:36

Which version of iOS are you using - and do you have any other modules who might inject some css or js code which might conflict?

 
ebrandow

Joined: 2010-11-30
Posts: 7
Posted: Sat, 2012-02-25 19:12

iOS 5, but it's the same on my wife's phone, running 4. I don't think I'm running something else that's causing it, but the big clue is that it wasn't exhibiting this behavior before the upgrade...

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Mon, 2012-02-27 16:23

@ebrnadow: Can you pls delete lines 40 and 58 in views/page.html.php where it says <?= $theme->page_top() ?> and try again?

 
petri
petri's picture

Joined: 2005-12-15
Posts: 253
Posted: Thu, 2012-03-01 09:48

The new version works fine for me on Vanilla surf as well ! Thank you.

I have a question about the full screen resolution of the picture : most of my old pics are under 800px and, as they are stretched to fullscreen, they don't look very well on iPad.

Is there a way to avoid full screen under a specific size ?

------
Gallery 3 URL (test) = http://www.coquille.org/gallery3
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Thu, 2012-03-01 10:01

You should be able to change this behaviour by changing options of the photoswipe library. You can change these option by adding the following line in album.html.php after line 68:
imageScaleMethod: "fitNoUpscale",
You can find more possible option settings on the photoswipe side: https://github.com/codecomputerlove/PhotoSwipe

 
petri
petri's picture

Joined: 2005-12-15
Posts: 253
Posted: Thu, 2012-03-01 12:36

Thank you Calleh for this quick answer.

I tried to add the line and it works like a charm all my small pics are nice, smaller but looking good.....but now even pics that are more than 3000px are not fullscreen :-)

do you think there is a way to fix a size limit to the "fitNoUpscale" function ?

I have been looking around the functions on the link you gave me but no luck...

------
Gallery 3 URL (test) = http://www.coquille.org/gallery3
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Thu, 2012-03-01 12:51

I have currently no idea how to solve this, but you can raise an issue with the photoswipe guys https://github.com/codecomputerlove/PhotoSwipe/issues, maybe they have an idea.

 
dahamsta
dahamsta's picture

Joined: 2011-09-29
Posts: 4
Posted: Thu, 2012-03-01 12:57

Pardon my ignorance, but what's VanillaSurf? I can't find a theme by that name on the Gallery themes page.

 
calleh

Joined: 2011-03-28
Posts: 90
Posted: Thu, 2012-03-01 13:03