1 Reply by sol765

(3 replies, posted in Juicebox-Pro Support)

Hi Steven,
Thank you for the in-depth reply. Much, much appreciated!

Let me just start by saying, I’m a coding newbie. So most of what I say here does have that as an overall limitation factor. :-)
But, that being said, I am working on my first complete website, fully coded from scratch, except for  the use of my Juicebox photo galleries.
In all this, I’m dealing with, and learning ‘Media Queries’.
With my previous coding, both on my desktop, or with iPad Pro (using multiple windows), I can resize the browser window and the media queries kick-in and do there set modifications.
In trying out the sample demo on your site, ‘Top Left Alignment’, the gallery does resize visually to smaller main image, and clearly smaller thumb sizes, automatically. I assumed it was a media query thing, in the Juicebox gallery itself. Because that is what happens when I test my coded site pages on my iPad. They change their positioning, and such, as dictated there in the set media queries.
But it sounds like your telling me that it’s simply the iPad’s Safari browser that is reducing the resizing of the gallery elements, as a whole entity, within the page. Correct?
I do know that the iOS Safari scales stuff really well. I guess that’s what I was seeing?

Scenario #1: I’ll look at that as an option. Play around with it a bit and see what that gets me. Size percentages.

Scenario #2: Back to that previously mentioned ‘newbie’ thing. Haven’t learned java script or  jquery yet. Still just on html and css. But hey, working on it. :-)
Note#2: Yes, that one I have been working with. Thinking that’s going to likely be my path to get what I need.

Final questions (I hope):
In the demo galleries, you show an ‘iPhone Simulation’ mode where it switches to a completely different look, switching between ‘full image view’ and then ‘only thumbnails’ view.
How does that transition kick-in? Is it a ‘media query’ created in the Juicebox CSS ‘styles’ output?
I see on the demo you list "setting the screen mode option to ‘Small’". Is that setting ‘Small’ or ‘Auto’ automatically locked into the Juicebox code when the gallery is created? Or is that something I need to set in my CSS media queries for different screen size variations? And if so, is there a transition size point that you recommend?
FYI, I am using all of my galleries embedded.

Thanks!
- Sol

Go to forum: Juicebox-Pro Support

2 Topic by sol765

(3 replies, posted in Juicebox-Pro Support)

Hey Guys,
On the Juicebox Site demo Galleries, the one that is labeled ‘Top Left Alignment’ has thumbs on the right that are resizing as my browser window changes to smaller sizes, along with the the main image also getting smaller.
I have tried this tonight, but on my attempt, the image gets smaller, but the thumbs stay the same size, until the image disappears.
Note: My gallery is embedded in a page design, and my thumbs are on the left of the image, instead of the right, if that matters.
Thanks.

Go to forum: Juicebox-Pro Support

3 Reply by sol765

(7 replies, posted in Juicebox-Pro Support)

Hey Steven.
Thanks for the feedback.
I did your suggestion and with a little tweaking that worked. But I was concerned how it wold play over multiple devices. I contacted my support guy for the Webbsy software and help me sort it out on that end. He looked at the code and saw what you did with the couple of weird margins that were going on, so we re-did a few items on the page to make everything play together a little more neatly. Essentially just created a new place-holder on the front end, and then , in the DWCS6, I replaced that element's code line with the Jukebox 'Embed Code'. Worked perfectly.
Thanks for all your efforts and help. Much appreciated. A+ Support!  :-)
- Sol

Go to forum: Juicebox-Pro Support

4 Reply by sol765

(7 replies, posted in Juicebox-Pro Support)

Hey Steven,
Thanks for the link. I'll check that out see if it makes sense to me at all. :-)
I have included here for you the zip file for that page. So you can see it all there.
I get that the 'container' is exactly that, as in it holds the gallery elements to a contained space on the page. And I played around with the location within DWCS6 and have it where I want it in relation to the vertical space. It's now the horizontal that's kicking my a**. The problem is likely in my lack of actually knowing what the coding does. In that Webbsy created this code layout based on my set up in photoshop with various 'hints' (as they call them), on the layers. But now that it's within Dreamweaver, I don't have the technical prowess to tell the gallery to move to the left and center on the page as it should. I assumed it was maybe a setting in Jukebox such as gallery padding or something like that. But I only see image and thumbs padding adjustments, not for the whole gallery container. Again, I know this is simply my ignorance to the process, sorry. :-)
...So any suggestions/corrections would be appreciated.

My email is sol@solarviewstudios.com if you want to contact me directly.

Thanks, again.
- Sol

Go to forum: Juicebox-Pro Support

5 Reply by sol765

(7 replies, posted in Juicebox-Pro Support)

Hey Steven, Thanks for getting back to me on this.
Unfortunately, as I said before, I'm mot a 'code-guy'. I depend on Dreamweaver's 'Design View' and Webbsy, to get me to my end games here. So your <div> talk went somewhat over my head. Using DW design view, clicking on stuff and seeing what gets highlighted in the DW 'Code View' allows me to figure stuff out. Now I have had a 20-page site up for years using this approach, so I do usually get there. :-)
All that being said, I messed around with it further after I submitted my OP yesterday (I was unavailable last night), and I did get it into a better position in the page. So I'm close, I think. If you can look at it I would appreciate. Hopefully you can see a simple adjustment to what I'm doing. :-)
Here' the link to the page on my site:
http://solarviewstudios.com/ss_main/sen … index.html

Go to forum: Juicebox-Pro Support

6 Topic by sol765

(7 replies, posted in Juicebox-Pro Support)

Hi All,
Just purchased Juicebox Pro. Trying to figure it all out.
Let me start by saying, I am NOT a code-guy. I have created my own website, by using combo of Photoshop CS6, Webbsy, and  Dreamweaver CS6, and am now trying to get my galleries online too. In the past I used Sitegrinder to create the code from PSCS6, and it would designate a 'media-box container' for the gallery to drop into. I had used SimpleViewer before, but am trying to eliminate Flash from site.
So I have created a new gallery background page in PSCS6 and converted it to code using Webbsy. I am now trying to get my test version of a gallery (with a clear BG) to lay on top of that page, centered in the main viewing box. Using DWCS6 I have tried the "embed this code" as per the Jukebox instructions, into the HTML page 'body;' section. But the gallery ends up at the top of the page, pushing the entire previously created html page below it. So they are stacked vertical. Any thoughts as to what I'm missing here?
Again, I am not a code-guy, so I apologize now for any future headache I create here going forward. :-)

One more thing, the Juicebox 'Embed' support page states to "Embed the Entire Contents of the Jukebox Gallery folder into your HTML page". Well you can't include the Juicebox created "index.html" file due to the existing "index.html" file that's already a part of your page, correct? Are you supposed to combine them or something?

Thanks in Advance.
- Sol

Go to forum: Juicebox-Pro Support