IPAD, gallery and text controls

[RoadRash]

Have you done any changes in highslide-full.js? Your gallery works well with mobile.js when I download your page and runs it with a fresh highslide-full.js file.
I get an error message when I use your copy of highslide-full.js and sets hs.debug to true.

Code: Select all

hs.debug = true;

[luis]

Have you done any changes in highslide-full.js? Your gallery works well with mobile.js when I download your page and runs it with a fresh highslide-full.js file.
I get an error message when I use your copy of highslide-full.js and sets hs.debug to true.

Code: Select all

hs.debug = true;

MMmmm... yes, I did change the highslide-full.js, basically to add two features:

1) For the autoplay to stop when clicking a thumbnail
(IMHO this should be added to the HS distribution, at least as an option).
To do this, I added a line after line 3223, that reads

Code: Select all

if(hs.getExpander(this).slideshow) hs.getExpander(this).slideshow.pause();

I don't think this could cause any problem because the conditional statement.

2) I wanted the 'other' full-expand icon and not the one in HS controls, and for it to appear only outside the autoplay.
To do this, I changed line 2867, that is

Code: Select all

if (this.slideshow && this.slideshow.controls) {

to

Code: Select all

if (this.slideshow && this.slideshow.autoplay) {

Maybe this is causing the problem...?

I did a couple of other minor changes, that I don't think would cause a problem.

Anyway, when going back home, I will take a look on the IPAD again and see which is the cause.

Thanks again, and sorry for forgetting that I changed my HS.js.

Cheers!
L.

[luis]

Have you done any changes in highslide-full.js? Your gallery works well with mobile.js when I download your page and runs it with a fresh highslide-full.js file.
I get an error message when I use your copy of highslide-full.js and sets hs.debug to true.

Code: Select all

hs.debug = true;

Ok, it seems I fixed the HS.js file.
But no thumbstrip and slideshow.
Is this the way it is supposed to work?
(It actually makes sense not to show these...)

Thanks!
L.

[RoadRash]

But no thumbstrip and slideshow.
Is this the way it is supposed to work?
(It actually makes sense not to show these...)

Yes, the mobile.js file is supposed to remove the slideshow functions (controlbar, and thumbstrip if you are using this for your gallery).
Please see this demo: http://highslide.com/studies/mobile.htm

[luis]

Yes, the mobile.js file is supposed to remove the slideshow functions (controlbar, and thumbstrip if you are using this for your gallery).
Please see this demo: http://highslide.com/studies/mobile.htm

I see.

I tested the mobile.js file in an IPad and it works perfectly.
However, I tested it in a Maemo (linux) Nokia N800 (I had to add 'Tablet' to the first conditional in mobile.js), and it doesn't work properly:
images are 'stretched' vertically (wrong aspect ratio), and the arrows '< ... >' are not centered.
It looks like it expects a portrait orientation of the device or something?
Actually, without mobile.js works perfect...

Thanks!
L.

[RoadRash]

The mobile.js file is designed for the mobile devices listed in the file (Android, BlackBerry, iPhone, iPad, iPod, Palm, Symbian).

I’m not familiar with Nokia N800.

• The problem with the non-centered navigation arrows is probably a CSS/position limitation in the browser.
• You can try to remove this line in mobile.js to fix the aspect ratio issue:
  

  Code: Select all

  hs.allowHeightReduction = false; // t=10503

  The above line will normally affect only HTML popups and the default setting is true, so this is the only thing I can think of that might cause the aspect ratio issue.

[luis]

The mobile.js file is designed for the mobile devices listed in the file (Android, BlackBerry, iPhone, iPad, iPod, Palm, Symbian).

I’m not familiar with Nokia N800.

• The problem with the non-centered navigation arrows is probably a CSS/position limitation in the browser.
• You can try to remove this line in mobile.js to fix the aspect ratio issue:
  

  Code: Select all

  hs.allowHeightReduction = false; // t=10503

  The above line will normally affect only HTML popups and the default setting is true, so this is the only thing I can think of that might cause the aspect ratio issue.

Your suggestion didn't fix the issues.
But no problem, I will leave Maemo devices to handle the full HS.js.

Thanks again for your help,
L.

[luis]

The mobile.js file is designed for the mobile devices listed in the file (Android, BlackBerry, iPhone, iPad, iPod, Palm, Symbian).

I’m not familiar with Nokia N800.

• The problem with the non-centered navigation arrows is probably a CSS/position limitation in the browser.
• You can try to remove this line in mobile.js to fix the aspect ratio issue:
  

  Code: Select all

  hs.allowHeightReduction = false; // t=10503

  The above line will normally affect only HTML popups and the default setting is true, so this is the only thing I can think of that might cause the aspect ratio issue.

Actually, I was wrong: HS-full.js also stretches the images.
So highslide does not work properly in Maemo Nokia N800, at least with the default web browser.
Teat web browser works fine with the full.js, so maybe just a bug in the default browser.

L.

[RoadRash]

I’m afraid we can’t do anything to solve this since Highslide works well in all main desktop browsers and all main mobile browsers.

[luis]

I’m afraid we can’t do anything to solve this since Highslide works well in all main desktop browsers and all main mobile browsers.

Sure, no problem, I understand. As I wrote, quite probably a browser bug.

Thanks,
L.