1 Topic by Archer (edited by Archer 2018-01-03 15:22:37)

  • Registered: 2018-01-03
  • Posts: 4

Topic: Issue with frames and large side menu

Hi there,

Currently I'm redesigning my ancient private website. Yesterday - on my search for a new gallery structure that is compatible with mobile devices - I ended up with Juicebox Lite and tried it out. So far it looks very promising. I really like the way it works, and expect the custom option of the PRO version to be even better suited for my tastes.

However, I haven't bought it yet. Since my site has a rather large amount of galleries I employ a side menu with two submenus and use two frames. One for the menu and a target frame for the gallery. This version works well with my PC but it doesn't work at all with mobile devices. I also studied the forum and found several answers and links when using more simple side menus, but I couldn't get that to work with my menu.

So if anyone has an idea how I can redesign it or knows a different menu I could use, you'd be doing me a big favor.

Thanks in advance
Best regards
Archer

my site is www.archertours.de. The first post has been converted to juicebox.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Issue with frames and large side menu

I've never a great deal of luck with frames on mobile devices and there are also drawbacks to loading Juicebox galleries into frames (such as the inability to expand galleries beyond the frames) so I'd avoid frames if at all possible.
For other disadvantages of loading Juicebox galleries into iframes, please see the Using an External Gallery Folder support section (scroll down to "2) Using an iframe").
Thankfully, there are several alternatives that you might like to consider.

Suggestion #1

Take a look at the Side Menu Example in the Embedding Multiple Galleries support section.
The web page is laid out using CSS (instead of frames) and the gallery index is housed in a side menu.
In this example, there is a separate web page (including the side menu) for each gallery but you could perhaps use this layout in conjunction with the Switching between Multiple Galleries using JavaScript technique so that there is only ever one web page and the galleries are loaded into a <div> container (similar to targeting an iframe) on demand.
You can view the source of the example pages in your web browser and copy/modify them as required.

Suggestion #2

You might like to take a look at the Juicebox skin for jAlbum.
jAlbum is not free but the program is quite powerful in that you can point it towards an entire directory structure and the program will create a Juicebox gallery for each and every folder in the input, all at once. All galleries will be linked together by a navigation tree in a side menu. The resulting web page does not use frames (or iframes) and also uses the JavaScript baseUrl switching mechanism to load the galleries when the tree nodes (each representing a different gallery) are clicked.

Suggestion #3

Perhaps the easiest and best option for creating a complete portfolio website from scratch would be to use Showkase.

Showkase is a PHP web application which in installed on your web server and whose interface is accessed via a web browser.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself via its interface (or created with JuiceboxBuilder-Pro and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).

I hope you find this information useful.
If you have any further queries, please let me know.

3 Reply by Archer (edited by Archer 2018-01-04 17:22:21)

  • Registered: 2018-01-03
  • Posts: 4

Re: Issue with frames and large side menu

Hello Steven,

Thank you for your comprehensive answer.

Suggestion 1 sounds like something I'd have to run by someone who knows much more about webdesign than I do. Maybe someone can help me realise that. 
Suggestion 3 would be ideal in order to completely re-do the whole website in one swoop. However, I had hoped to convert the galleries one by one, since there are so many of them. 
and
Suggestion 2 sounds like something I can easily manage myself. It also seems that I can use both newly created galleries and include old ones as well, so I wouldn't have to change everything at once (some of the galleries are large, have to be sorted and have titles for every picture so they are a lot of work.) The fact that I can use the Juicebox galleries as well makes this solution sound perfect for me. I'll look into that on the weekend.

Great!
Thanks a lot
Archer

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Issue with frames and large side menu

I hope you get on OK with your research over the weekend.
If you have any further queries or I can be of any further assistance, please let me know.