You are not logged in. Please login or register.
Juicebox Support Forum → Posts by gfs
In case you drop in Marco, thanks so much for this code. Really makes a BIG difference to how I can present my work.
(May I make a request that JuiceBox enable this functionality in a future version ... or ... that there is the possibility to add code at the gallery creation stage instead of hacking afterwards?)
Marco, I tried to take a look at your link but it didn't work. Maybe you took it down already?
Thanks Steven.
Seems like a shame to expect everyone to use, or understand English for such a small part of the app. '1 / 59' is fine for most people instead of '1 of 59'.
Can I request the above change, if enabling a choice of wording is not on the cards ?
I thought the point of his question was to replicate the auto hide behavior of his flash gallery
snip ...
I just created a gallery and it only takes 7 lines of code to replicate the auto hide behavior.
Yes indeed, I would like to replicate the behaviour of the Flash gallery (BananAlbum). I love the auto-hide with show on hover. The reason is because it leaves the image as the star without other clutter on the page.
If you feel like sharing your 7 lines, I'd be very happy. :) :)
Grant
The text applied by JBox Pro for the thumbs paging text is English only (the word ; 'of'). How might I change that?
Thanks again Steven. I'm using Freeway Pro for my sites, which makes this sort of intervention complex, but I shall endeavour to persevere.
Steven, I'm still trying but going slightly crazy. Can you shed any light on what is happening here?
In this test, the gallery resizes, but starts to cut into the image (right and bottom) when resized horizontally on a wide image.
http://www.qr-presse.eu/ritz-html-embed3.html
In this test, the gallery will not resize vertically inside the 'inline' container div.
http://www.qr-presse.eu/ritz-html-embed4.html
Thanks Steven. I've been learning a lot about how to do this today. Your pointer helps some more.
The gallery ending "html-embed.html" is using the baseUrl method. This is exactly what I can't get to work. The resizing works fine with my iFrame and the legacy javascript code I have from my previous Flash galleries.
The baseUrl gallery is resizing when the window is 'squished' width-ways, but it is not resizing when 'squished' vertically. Nothing I try can get it to work correctly.
Cache is not the problem. I can send a screen-movie if you want. I'm on Mac.
OK. Thanks. I didn't understand that the window.setTimeout function could work continuously. I shall try that.
If you resize the window with a vertical image active, then open a horizontal, the horizontal image is cut off the the right.
If OTOH you make the window small with a horizontal, then switch to a vertical it's ok. Happens in Firefox and Safari.
I'm moving my gallery over from Flash running in an iFrame and would like to have similar resizing of an html embedded gallery where the stage is resized too. Many years ago an excellent gent on the JAlbum forum helped me with the iFrame resizing code, but I have no idea how to adapt it for an embedded gallery.
Here is how my original Flash site works : http://www.grantsymon.com/e/ritz.html
As you can see it works incredibly well. Resizing is awesomely fast and also takes into account both landscape and portrait images, no matter which is active when resizing is performed. This would appear to be a bug in Juicebox, because it doesn't work correctly. You have to reload the page for the gallery to then fit correctly otherwise part of an image is cut off.
Here is the same gallery using Juicebox inside the iFrame.
http://www.qr-presse.eu/e/ritz-iframe.html
As you can see the Juicebox resizing doesn't work properly.
Here is the same gallery again, this time embedded in html as recommended by JuiceBox.
http://www.qr-presse.eu/e/ritz-html-embed.html
As you can see the gallery doesn't resize at all.
Here is the code that makes the iFrame resize. Can it be adapted to work with an html embedded Juicebox gallery? :
# <script language="JavaScript" type="text/JavaScript">
# window.onload = frameLoad;
# window.onresize = frameResize;
#
# var albumPath = "http://www.grantsymon.com/JBx/Ritz/";
# var albumID = "JBox";
# var heightPadding = 110;
# var widthPadding = 200;
#
# function frameLoad(){
# getSizes();
# windowHeight = windowHeight-heightPadding;
# windowWidth = windowWidth-widthPadding;
# var albumFrame = document.getElementById(albumID);
# albumFrame.height = windowHeight + "px";
# albumFrame.width = windowWidth + "px";
# albumFrame.src = albumPath;
# }
#
# function frameResize(){
# getSizes();
# windowHeight = windowHeight-heightPadding;
# windowWidth = windowWidth-widthPadding;
# var albumFrame = document.getElementById(albumID);
# albumFrame.height = windowHeight + "px";
# albumFrame.width = windowWidth + "px";
# }
#
# function getSizes(){
# var totalHeight;
# if (self.innerHeight)
# windowHeight = self.innerHeight;
# else if (document.documentElement && document.documentElement.clientHeight)
# windowHeight = document.documentElement.clientHeight;
# else if (document.body)
# windowHeight = document.body.clientHeight;
# var totalWidth;
# if (self.innerWidth)
# windowWidth = self.innerWidth;
# else if (document.documentElement && document.documentElement.clientWidth)
# windowWidth = document.documentElement.clientWidth;
# else if (document.body)
# windowWidth = document.body.clientWidth;
# }
# </script>
No way to make them auto-hide 3 or 4 secs after initial page load and then only appear on hover?
I'm not bothered about touch for the time being, as a couple of limitations with JBx mean that I'm having to make separate galleries for mobile.
Hi,
is there any way that this sort of auto-hide of thumbs can be made to work in JBoxPro?
NB : this is a Flash site I'm replacing with JBoxPro :
Despite this Steven, I think it should still be relatively simple to find an appropriate layout and description (help) to offer the choice to users.
Certainly, if ever you build ftp into JuiceboxBuilder-Pro it would be a simple choice to exclude the index from upload.
This is great news Steven.
Can I request that the option to NOT upload the index.html file be made into a checkbox in the JBox software? (With ideally a brief description of why not ... sadly, many pro photographers never really think about this stuff.)
Thanks for the further explanations Steven.
Would it be possible, technically and in the interests of avoiding 'orphaned galleries', to have it so that when someone finds an image via a Google search or similar and the link is to the gallery itself and not the main website, instead of the gallery being opened alone and thus orphaned, rather it is opened into the main website (parent) where the visitor can then use the full-screen button if they want, which would mean that they are viewing a photographer's site as intended and not just some unidentified work on the internet?
IOW, can I have my cake and eat it, meaning; with the top-location effect, but also an embedded gallery rather than an iFrame?
How exactly does 'embedding code' work compared to embedding in an iFrame? I've looked on the JuiceBox site but can't find any explanations. Does it allow me to place a gallery within a page wherever I want? And does it preclude anyone from viewing that gallery on its own, without the page?
Here's my site : grantsymon.com. Can I recreate this layout with an 'embedded gallery'? (And not have the gallery orphaned as previously explained).
If I could get away from iFrames I'd be delighted.
Thanks Steven.
( Can I make a request that this be a checkbox option in the JuiceBox Pro Builder app.? Pretty simple to implement I would guess. )
Sorry ... should have been more explicit.
If you use JBox in an iFrame, then it is accessible 'outside' its iFrame. People can go directly to the JBox page without seeing the rest of the page that is intended to be seen (the part outside the iFrame).
This is a particularly big problem because Google, Yahoo etc.'s web crawlers will find the metadata in the image files and will return them in searches. When someone clicks on a search result to view an image, they are not taken to the intended website, but instead, directly to the JBox page.
The result is that images are found, reported and viewed in a TOTALLY ANONYMOUS way. This is as bad as it can get for professional photographers. Image theft is pretty rife and this just makes it even easier.
All it needs is for the gallery to have the top.location script and whenever anyone clicks on an image to open the page it's on (subsequent to an image search or a shared link) they will be instantly taken to the top.location, which of course, will be the original intended site with the iFrame and all the logo/branding/copyright restrictions that are necessary in the ongoing fight against image theft and ... ensures that clients get the whole branding thing and are not left stranded in a meaningless page with no information.
Grant
Hi,
I've just moved across from Flash (BananAlbum via JAlbum) and am currently re-building all my pages with JBox Pro.
One area that I've just realised is not catered for, is ensuring that a site cannot get 'orphaned' when it's usually viewed in an iFrame. Rudin (BananAlbum developer) kindly added a parameter for top.location to the tools in JAlbum and I'm hoping that you may feel that this is something important. What can be worse than anonymous work?
In the meantime :
I have this piece of javascript which should do the job, but don't know how or where to apply it to my galleries. Could anyone shed some light?
<script type="text/javascript">
if(top.location == window.location){
top.location.href = 'http://www.grantsymon.com..........';
}
</script>
Grant
Thanks Steven. Wilco.
BTW ... is there any way to remove/change the background colour of the Back Button? Seems like it should be included with the other buttons' background settings.
When I view your gallery on an iPod Touch 4 iOS 6.1, your 'Toggle Thumbnails' button is positioned top-left and your 'Back Button' is positioned top-right.
Try clearing your browser's cache in case your browser is hanging onto and use older versions of your gallery files.
I had in fact temporarily changed the Screen Mode from Auto to Large, which is why it worked for you.
When I choose Auto and view on an iPhone, it doesn't work properly. Here are a couple of screen-grabs showing overlapped buttons and incorrectly placed text.
(For the grabs I set Screen Mode to Small, but it has the same effect as viewing on an iPhone with Auto.)
http://www.grantsymon.com/Grabs/JBx-Grab1.png
http://www.grantsymon.com/Grabs/JBx-Grab2.png
The test site is here : http://qr-presse.com/index.html
You used to be able to clear iOS cache in Settings, but now (iOS 6.x) it clears 'Cookies and Data'. Is there another way?
Juicebox Support Forum → Posts by gfs
Powered by PunBB, supported by Informer Technologies, Inc.
