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.
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.
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’).
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.
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 ?
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.
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.