1

(12 replies, posted in SimpleViewer v2)

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

2

(12 replies, posted in SimpleViewer v2)

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 ?

3

(12 replies, posted in SimpleViewer v2)

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.

4

(12 replies, posted in SimpleViewer v2)

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).

5

(12 replies, posted in SimpleViewer v2)

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.

6

(12 replies, posted in SimpleViewer v2)

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)).

7

(12 replies, posted in SimpleViewer v2)

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 ?

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 ?

Thanks a lot, I have had a look to the CSS file, but not to that (and I'm conscious that it isn't a good practice to put style in 2 locations...). And, as I had also a pb of scrolling in my other photo gallery, I've remembered your previous advise : to replace '100%' by a fixed width (or height), and now, it's also OK. Thank you very much for your help.

10

(11 replies, posted in SimpleViewer v2)

As I don't see what to suppress in the CSS, I allow myself to post it (quite long) :

body {font: normal .8em/1.5em Arial, Helvetica, sans-serif;background: #ebebeb;width: 2000px;height: 2000px;margin: 100px auto;color: #666;}
a {color: #333;}

#nav {margin: 0;padding: 7px 6px 0;background: #7d7d7d url(../images/gradient.png) repeat-x 0 -110px;line-height: 100%;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
#nav li {margin: 0 5px;padding: 0 0 8px;float: left;position: relative;list-style: none;}

/* main level link */
#nav a {font-weight: bold;color: #e7e5e5;text-decoration: none;display: block;padding:  8px 20px;margin: 0;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}
#nav a:hover {background: #000;color: #fff;}

/* main level link hover */
#nav .current a, #nav li:hover > a {background: #666 url(../images/gradient.png) repeat-x 0 -40px;color: #444;border-top: solid 0px #f8f8f8;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {background: non;border: none;color: #666;
}
#nav ul a:hover {background: #0078ff url(../images/gradient.png) repeat-x 0 -100px !important;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/* dropdown */
#nav li:hover > ul {display: block;}

/* level 2 list */
#nav ul {display: none;margin: 0;padding: 0;width: 185px;position: absolute;top: 35px;left: 0;
    background: #ddd url(../images/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#nav ul li {float: none;margin: 0;padding: 0;}

/*#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}*/

/* level 3+ list */
#nav ul ul {left: 181px;top: -3px;}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;

    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;

    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

and OK for style.css : in fact, I start from an existing page which includes this, but here, it's unuseful...

11

(11 replies, posted in SimpleViewer v2)

I've just tried :

    <!--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', '500px', '222222', true);
    });
    </script>
    <div id="sv-container"></div>
    <!--END SIMPLEVIEWER EMBED -->

I've seen that in the CSS, the width of the body is specified :

body {font: normal .8em/1.5em Arial, Helvetica, sans-serif;background: #ebebeb;width: 1000px;margin: 100px auto;color: #666;}
a {color: #333;}

but now, and I don't understand why, I've no longer any scrollbar (horizontal or vertical) ; would you see the explanation ?
And error 404 : on what URL ?

12

(11 replies, posted in SimpleViewer v2)

In fact, I'm not totally satisfied (so unsatisfied), because even if there is no vertical scrollbar, I can now move down the page with mouse, so it's sufficient but its display is different from the other page http://vercorshandisport.org/html5/stage2014/stage.php different from by example http://vercorshandisport.org/html5/lafeclaz/lafeclaz.php ; I've tried to align the CSS of the other pages but there is still a small difference : http://vercorshandisport.org/html5/pres/pres.php

...
<style  type="text/css">
#art1 {
height:2000px;
}
body {
    margin: 0;
    overflow-y: auto;
    width:1500px;
}
html {
    overflow-y: hidden;
}
#header{
text-align:center;
}
#nav1{
text-align:center;
}
</style>
</head>
<body>
<div id="header">
<?php include("../entete.php"); ?>
</div>
<div id="nav1">
<?php include("../menu2.php"); ?>
</div>

<div id="art1">
...
</div>
...