Topic: Same width of galleries for all pages

Hello, I have the same code to embed Simpleviewer gallery in my different pages :

    simpleviewer.ready(function () {
        simpleviewer.load('sv-container',  '1000px', '800px', '222222', true);
    });

However, the width of the galleries is different in the different pages (exemple : http://vercorshandisport.org/html5/stage2014/stage.php and http://vercorshandisport.org/html5/lafe … feclaz.php). What can I do to have the same width on the different pages ?

Last edited by laurentsch (2014-03-30 00:37:54)

Re: Same width of galleries for all pages

The widths of both your galleries are identical.
What you are seeing on your 'stage.php' page (the black area which the gallery is inside) is the following container on your web page:

<div id="art1" class="fondblack"></div>

Check the CSS (size and background-color) on your web page for this container.

Steven Speirs
SimpleViewer Support Team.

Re: Same width of galleries for all pages

You're right (and thank you for your trained look) ; in fact, I had enlarged the width :

.fondblack {
background-color:black;
color:white;
width:180%;
}

for only a part just above the gallery, and I have resolved it like this :

<div>
<div id="credit">
Crédit photos : Odile Nouilletas et Marcel Flaux
</div>
    <!--START SIMPLEVIEWER EMBED -->
    <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    simpleviewer.ready(function () {
        simpleviewer.load('sv-container',  '1000px', '800px', '222222', true);
    });
    </script>
    <div id="sv-container"></div>
    <!--END SIMPLEVIEWER EMBED -->
</div>

and

#credit {
background-color:black;
color:white;
width:111.1%;
}

but I fear to have some pbs when (it's a goal for the future) I will put this site accessible (for persons who sees with difficulty) I.E. possibility to enlarge the font-size : what is your opinion ?

Re: Same width of galleries for all pages

I'm glad you have been able to resolve your gallery width problem.

With regard to your accessibility concerns, the font size within a Flash gallery will not increase if the user zooms in to the web page using the browser's own zoom functionality.
It will, however, if you use the Mobile Player version of the gallery (HTML rather than Flash).
Try deselecting the 'Use Flash' checkbox in svBuilder-Pro's 'Customize -> Embed Options' section

If you need a more configurable HTML image viewer (whose font size will change dynamically with the browser's zoom functionality), then you might like to take a look at another one of our products: Juicebox.
For more information on the differences between SimpleViewer and Juicebox, please see this SimpleViewer news article.

Steven Speirs
SimpleViewer Support Team.

Re: Same width of galleries for all pages

Thank you for your answer but as now, I am at work, I can't spend a lot of time to study Juicebox : I will have a look tonight.
(But note that I'm happy to have discovered your software, as I have decided to do myself the website to be able to modify its stylesheet and before I was using a CMS and so it was very complicated (I suppose impossible)).

Re: Same width of galleries for all pages

I'm working for an association (a sportive club for disabled persons)  ; so I need arguments to convince people to buy sth. I would like to give you my argument to justify the purchase of Juicebox Pro single License (45€) compared to the free version of Simpleviewer and please,  give your opinion (for me, that purchase is clearly necessary) :

- better solution for accessibility (for example the zoom function of the internet browser works much better);
- absence of logo (you have written No Branding or Download Link);
- no limit in the number of images per gallery.

There are still other arguments but I believe that they can't be used to convince non-specialist persons.

Re: Same width of galleries for all pages

- better solution for accessibility (for example the zoom function of the internet browser works much better);

The font size within a Juicebox gallery would certainly increase if the user zooms in with a browser's in-built zoom functionality as the gallery is HTML. This would not happen at all with the Flash Player within SimpleViewer. Browser zooming would have no effect on text within a Flash presentation.
However, please note that Juicebox was not specifically designed to work with browser zoom values other than 100% and I cannot guarantee that the layout of the gallery will remain exactly as expected when zoomed in. You may find that you need to refresh the page after changing the browser's zoom level.
Try it out with the demo galleries here to see how you get on: http://www.juicebox.net/demos/
Please note that as Juicebox is an HTML image viewer, both Juicebox-Lite, the free version, and Juicebox-Pro would be the same with regard to font size and browser zooming.

- absence of logo (you have written No Branding or Download Link);

The only way to remove the branding (the Juicebox badge/link in the bottom-right corner of the gallery) would be to use Juicebox-Pro.

- no limit in the number of images per gallery.

Juicebox-Lite (just like SimpleViewer-Standard) has a limit of 50 images per gallery. Juicebox-Pro (just like SimpleViewer-Pro) has no limit unless the gallery is sourced by Flickr images in which case the upper limit is 500. This limit is imposed by Flickr rather than Juicebox-Pro itself.

Steven Speirs
SimpleViewer Support Team.

Re: Same width of galleries for all pages

Thank you for your answer, but in fact, my question was : are these arguments corrects to justify the purchase of Juicebox-pro (the limit of 500 images if one uses Flickr is already acceptable, but it is not my case and the behaviour of zoom function on demo applications seems correct).

Re: Same width of galleries for all pages

If you absolutely need to remove the branding and need to have galleries of more than 50 images, then the only way to do both of these things would be to purchase Juicebox-Pro. There is no way to achieve either of these things using Juicebox-Lite.
Therefore, you would certainly need to purchase Juicebox-Pro as Juicebox-Lite would not be suitable.

Steven Speirs
SimpleViewer Support Team.

Re: Same width of galleries for all pages

OK, my intention to show the interest is to develop an example with Simpleviewer and another one with Juicebox-Lite, both with the accessibility function to show the interest of Juicebox, and after this, the interest of Juicebox-pro over Juicebox-Lite will be easy to explain.

Re: Same width of galleries for all pages

after a long absence, I'm doing again some trials with juicebox-lite and I have some display problems which one can see here : first, on every image there is its name  and I would like to suppress it ; secondly the title is a little superimposed on the image : could it be a little higher ? And thirdly, on every image, at the bottom, there is a grey band whose width is near one centimeter : could it be suppressed also ?

Re: Same width of galleries for all pages

first, on every image there is its name  and I would like to suppress it ;

If you are creating your gallery with JuiceboxBuilder-Lite and would like to remove the image filenames from the titles in the caption area, go to 'Images -> Titles -> Use None' from the drop-down menu at the top.

secondly the title is a little superimposed on the image : could it be a little higher ?

This would be possible with Juicebox-Pro (but not with Juicebox-Lite, the free version) by setting galleryTitlePosition="TOP". This would position the gallery title in a top area above the main image (not superimposed over the top of it).

And thirdly, on every image, at the bottom, there is a grey band whose width is near one centimeter : could it be suppressed also ?

The grey band you refer to is the caption area (which in your gallery currently displays the image title and the image number).
If you wanted to hide the caption area and all its content, then you would need to use Juicebox-Pro and set captionPosition="NONE". Otherwise, you could set the caption area's background color to be completely transparent (captionBackColor="rgba(0,0,0,0)"). The caption content would still be displayed but the grey bar itself would no longer be visible. (Please note that captionBackColor is also a Pro option.)

Steven Speirs
SimpleViewer Support Team.

Re: Same width of galleries for all pages

Thank you for the answer ; still arguments to buy Juicebox-Pro...

Last edited by laurentsch (2014-04-12 11:19:42)