Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2014-11-08 05:58:12

pasmith
Member
Registered: 2014-11-08
Posts: 5

cropped images on i-phone

I created a gallery in TTG 2014 HTML Gallery plugin. I embedded on my responsive web page and it works well on my computer and on the i-pad.  On the i-phone however the large images are cropped and the captions do not show.  I can't figure out why this is happening and how to fix it.

The gallery is at:  http://www.astreetstudio.com/web_gallery_5/gallery.html

Any advice you have would be appreciated!

Offline

#2 2014-11-08 08:57:11

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: cropped images on i-phone

this is the way the thumbnails are displayed on a mobile layout. It's a space saver and is by design..


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2014-11-10 12:01:17

pasmith
Member
Registered: 2014-11-08
Posts: 5

Re: cropped images on i-phone

Thanks for the response.
I understand that the thumbs are cropped by design, but on my i-phone the large images (after you click on the thumbs) only show a small part of the image.  Any ideas?

Offline

#4 2014-11-10 13:22:25

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: cropped images on i-phone

are you embedding the gallery in an i-frame? If so, that may be the problem right there.

I've not looked at it on a small mobile device, I've only resized the browser to iphone size, but it all seems to behave normally.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#5 2014-11-10 13:30:12

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: cropped images on i-phone

Yeeeaaah ... those frames have got to go, man. The 1990s are long gone. ;-)


Matt

The Turning Gate, http://theturninggate.net

Offline

#6 2014-11-10 22:19:34

pasmith
Member
Registered: 2014-11-08
Posts: 5

Re: cropped images on i-phone

So how do you embed it without an iframe?
Thanks - this is helpful

Offline

#7 2014-11-10 22:40:32

pasmith
Member
Registered: 2014-11-08
Posts: 5

Re: cropped images on i-phone

Okay, so I ditched the iframe - used an embed tag and embedded the gallery as an object and it works much better.  But still cropping a little bit on the i phone at the bottom.  Is there a way to adjust window size?  I am currently setting at 100% for height an width for my fluid grid layout.  The thumbnail window is also cropping, so that all the thumbs don't show.  Assuming the issues are linked, but do you have any ideas?   
TIA

Offline

#8 2014-11-10 23:16:33

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: cropped images on i-phone

well, there's this from the CE3 documentation.
http://ce3wiki.theturninggate.net/doku. … miscellany

it applies to the Highslide gallery, but you might find something useful.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#9 2014-11-11 01:15:34

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: cropped images on i-phone

The galleries are generated as complete pages and are not meant to be embedded. And for the record, embedded and framed pages are not mobile-friendly.


Matt

The Turning Gate, http://theturninggate.net

Offline

#10 2014-11-11 04:36:25

pasmith
Member
Registered: 2014-11-08
Posts: 5

Re: cropped images on i-phone

Can anyone recommend an HTML web gallery that can be embedded on a page?  Thumbnails, a large image and captions are needed.  I used SV Builder in my classroom for years but was trying to show students how to create responsive pages for viewing on tablets and smart phones.

Offline

#11 2014-11-11 10:50:42

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: cropped images on i-phone

Embedded galleries are not responsive.

To be responsive, the gallery needs to be aware of the total viewport. When you shove a gallery into an iframe, it cannot access the viewport, so cannot be responsive. That's like putting someone into a cell without windows, then asking them to look outside.

If you want something similar to SimpleViewer, then try Juicebox, by the same developer. It's HTML5-based, but offers a comfortable middle ground for people who are unwilling to leave their Flash-based mindsets behind.


Matt

The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB