- if i make an image of say 250x250px as the splash image and there is more space on the phone left than that, will the image be interpolated to be bigger and fill up the remainig space, or always stay the original size?
The image will be scaled up to fill the Splash Page area.
- if i want to change the font of the splash page, i change ".jb-splash-info h3" and "a.jb-splash-view-glry" in theme.css, right?
does that affect any other typography as the first class is also called h3? or does it really only concern the splash page?
You can change the font face for all gallery text by setting the galleryFontFace configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section).
If you want to change just the Splash Page's font face, add something like the following to your CSS.
.jb-splash-info {
font-family: Courier;
}
All elements of the Splash Page (the Splash Button Text, the Splash Title, the Gallery Description and the Splash Image Count) will inherit this font face.
the color property of "a.jb-splash-view-glry", didnt seem to change the color of the "view gallery" text. does something else influence that? i only tried on one phone though.
To change the color of the 'View Gallery' text, try changing the color on line 894 in this CSS section:
.jcbx-glry-classic a{
color:#FFF;
}
and what do ".jb-splash-info", ".jb-splash-info p" and "p.jb-splash-desc" do?
.jb-splash-info - main class for Splash Page text
.jb-splash-info p - will affect splashShowImageCount text
p.jb-splash-desc - will affect galleryDescription text
- if i define the splash images in the juicebox-interface for each gallery, can i still use one external jbcore folder
Yes. You can set a unique splashImageUrl for each gallery. The value for the splashImageUrl is stored in each gallery's XML file.
on loading, the writing at the bottom is cut off (step1). i can then scroll inside the splash image to show all of the writing (step2).
but then the splash page is still cut off at the bottom. the amount thats missing at the bottom is exactly the amount, that the adress bar of the browser uses, when i choose to have it displayed (step3).
the juicebox-container is inside a div, so i dont know, if the problem is safaris rendering of the div or the splash itsself.
It looks like the layout of your page in conjunction with Mobile Safari may be causing this problem.
If I replicate your scenario in a test page and replace the Splash Page with the gallery itself (by setting screenMode="LARGE"), the gallery is truncated, just like the Splash Page (so it is not just a problem with the Splash Page).
As you have just two main elements on your web page (your side menu and the Juicebox gallery), try implementing the 'View Resizable Gallery with Side Menu Example' from the Using a Resizable Gallery with a Header guide.
You can view the source of the page in your browser and modify it to suit your own needs (swapping the gallery for your own and replacing the side menu content with your own navigation menu).