Embed html gallery

I’m trying to embed a JuiceBox Pro gallery into my site and am finding it hard compared to iFrames. Are there any Actions that will simplify this for me?

Basically, the embed works, but I’m having trouble getting it associated with a graphic box, so that I can position it on the page.

Grant


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What format is the content you are embedding? Could you paste an example of it (if it’s HTML code) in Pastie.org or Gist.github.com and post the URL to it here? Without seeing the code, it’s difficult to advise you further.

Walter

On Feb 20, 2013, at 6:31 AM, grantsymon wrote:

I’m trying to embed a JuiceBox Pro gallery into my site and am finding it hard compared to iFrames. Are there any Actions that will simplify this for me?

Basically, the embed works, but I’m having trouble getting it associated with a graphic box, so that I can position it on the page.

Grant


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter!

I’ve got the embed working, by simply naming the html item with the same name as the container ID (couldn’t find anything in the manual or in here to help with that).

I’m struggling to get my container centred though. Whatever I do, there’s a large space to the right of my embedded gallery. Any help would be much appreciated.

Here’s my test site (which I’m messing around with a lot using the well tried and tested method of ‘fumble your way through’).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oops! Forgot the link :

http://www.qr-presse.eu/e_m2/ritz/e_mritz.html

and also that this is all for the iOS. I won’t be using it for Desktop.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Fumbling is working … I figured out how to centre.

Any suggestions about how to auto-zoom my page to fit in the iOS window would be good though! :slight_smile: :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It seems to be centered here all right in desktop Safari. If you’re looking at this on iOS, have you set the view preferences in Freeway to give the page a defined width and maybe disable zooming? I would fiddle with those settings if you’re getting a larger view of the page than you expect.

Walter

On Feb 20, 2013, at 9:15 AM, grantsymon wrote:

I’m struggling to get my container centred though. Whatever I do, there’s a large space to the right of my embedded gallery. Any help would be much appreciated.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter. Yes I got the centring working. If I disable zooming (guessing it’s called ‘Flexible’ in FWP) how does it work across devices, i.e. iPad-1, iPad-3, iPhone-4, iPhone-5 ?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In Freeway 6, look in the Page Inspector, Output tab, Mobile segment. Un-check Page can be scaled.

Walter

On Feb 20, 2013, at 10:01 AM, Walter Lee Davis wrote:

It seems to be centered here all right in desktop Safari. If you’re looking at this on iOS, have you set the view preferences in Freeway to give the page a defined width and maybe disable zooming? I would fiddle with those settings if you’re getting a larger view of the page than you expect.

Walter

On Feb 20, 2013, at 9:15 AM, grantsymon wrote:

I’m struggling to get my container centred though. Whatever I do, there’s a large space to the right of my embedded gallery. Any help would be much appreciated.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter. One of these days I’m going to have to buy you a gastronomic meal. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

First, a plane ticket to France. Then a meal.

I’ll get my passport updated…

Walter

On Feb 20, 2013, at 12:49 PM, grantsymon wrote:

Thanks Walter. One of these days I’m going to have to buy you a gastronomic meal. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 20 Feb 2013, 5:21 pm, waltd wrote:

First, a plane ticket to France. Then a meal.

:slight_smile: :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Grant,
Could you possibly give a step by step on how you embedded your Juicebox gallery? I’ve tried with no success.
Thanks.
Dan


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dan,

you either need to place your Juicebox files in the same directory/folder as your web-page index.html file … or … you have to reference them in the code that you get when you make your gallery (using Juicebox Builder).

In FW, name your html element as : juicebox-container
(you will see in the code that this is the name Juicebox uses. You can of course choose another name, but they must match).

If you are using a referenced folder for your gallery, or like me have a FW structure which makes it a little too complicated to put the Juicebox files in with the FW index pages, then you must add a line of code to your Juicebox code to tell it where to find your gallery. You must also give the full URL of the juicebox.js file. The code all goes in … Page(FW menu)/HTML Markup/ … paste it in After/Head.

It should look like this for a referenced gallery (without the hashes). For a gallery placed in the same directory as the index.html file, you don’t need the baseUrl line of code, nor do you need the precise URL for the .js file. Just paste in as it comes out of Juicebox.

#
#
#
#


#


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options