Ok, thanks for the work around Steven.  I'll check it out.

Josh

Hi Steven,

I tried adding the minimal-ui property you suggested, but it didn't change anything.

Thanks
Josh

Steven Speirs wrote:

It would be possible to write a script in a server-side scripting language (such as PHP) to search recursively through the directories on your web server and replace all 'svcore' folders but, as far as I am aware, no-one has written such a script specifically for SimpleViewer.
A user has written a script in Python to update 'jbcore' folders on a web server for Juicebox galleries. Perhaps you could adapt it for use with SimpleViewer. (The principle is the same, just the name of the folder will change from 'jbcore' to 'svcore'.)
The script can be found in this forum post.
Please note that this script is not an official solution and use of it is entirely at your own risk. I would advise that before using it, you make a full backup of your web site, just in case anything goes wrong and you have to reinstate the files at a later date.

Thanks for the information, I'll check it out.


Steven Speirs wrote:

Does this happen when you load the gallery in horizontal orientation or when you load the gallery in vertical orientation and then rotate the device (or both)?

The gallery exhibits the behavior in screen capture 5 whether I load the gallery in vertical first or horizontal first.  Rotating to the other position and then back does not seem to do anything to change things.


Steven Speirs wrote:

Also, what version of iOS does your device currently run (this information may be useful if I need to log a bug report with the developers)?

Could you also please double-check that the gallery in question is running the latest version of SimpleViewer (v2.3.2) and that you have completely cleared your browser's cache before loading the gallery? Thank you.

I am running iOS version 7.1.2 on my ipad mini.

Yes this gallery, is running the latest version of simpleviewer

http://main.experiencetherave.com/subar … /combmeter

Yes, I cleared the browser's cache & history twice now to check things.  Also, I checked whether this issue exists using Google Chrome on my ipad mini, and it does not.  So it appears the issue may be specific to the safari browser on the ipad or ipad mini.

Thanks
Josh

Ok, so the plot thickens.

The previous screen captures and test I was using my iphone.  I was browsing the galleries on my ipad mini and the text at the bottom is still slightly cut off in the horizontal position.  When I rotate the device back to a vertical orientation, everything is ok.

Here is a screen capture of the vertical orientation:

http://main.experiencetherave.com/subar … creen4.jpg


Here is a screen capture of the horizontal orientation (notice the chopped off text at the bottom corners):

http://main.experiencetherave.com/subar … creen5.jpg

Josh

Steven,

EDIT:  Out of dumb luck or chance I just happened to check things again after typing up my post and the problem doesn't appear to be happening any more.  I'm not sure if the browser was holding onto the old files, but I believe things appear to be corrected with the new version of simpleviewer.  I'm going to leave my original post there if you'd like to review and comment.  If I want to update all my galleries with the new version, I'd just want to copy the new svcore folder to them correct?  Do you have any suggestions on how to do this in a "bulk" find and replace method?

Thanks!
Josh


Sorry for hiatus in replying.  I updated one of the galleries to see if the problem is still there and it is.  I've taken screen caps and will try to explain further what is happening.


When viewing the gallery index, if I click on an image it will bring it up, the label will be on the bottom left and the picture number on the bottom right.  The example below shows this:

http://main.experiencetherave.com/subar … creen1.jpg


When I rotate the phone to the horizontal the picture is cropped and the text labels disappear.

http://main.experiencetherave.com/subar … creen2.jpg


Then when I rotate it back to the vertical the entire picture is viewable again, but the text is missing.

http://main.experiencetherave.com/subar … creen3.jpg


Here is the gallery with the latest version of simpleviewer

http://main.experiencetherave.com/subar … /combmeter


EDIT:  Here is a gallery with a previous version of simpleviewer that appears to still have the issue.

http://main.experiencetherave.com/subar … meterswap/

Steven,

Thanks for the reply.  I just upgraded to the latest version and will update the galleries and see if that fixes things.  I'll post back with what I find.

Josh

When I view my created galleries in my iPad mini the corners of the pictures are cropped, including the picture text.  This behaivor is observed in Safari, but not Chrome.  On my iPhone the pictures are again cropped slightly, however the text does not show up.  The cropped pictures appear when you're viewing a photo with its orientation that matches how you are holding the phone, i.e. landscape & landscape.  The behaivor is observed in both Safari & Chrome.

Is this behavior normal or not?  If not, I can try and take a few screen captures to illustrate what I'm talking about.

Thanks
Josh

Steven,

Thanks for the follow up.  I tried what you suggested, but didn't care for how it looked in the various browsers and tablets.  I think for the time being I'm just going to leave the "overflow: hidden"  out of the stylesheet.

Thanks for the help & suggestions

Josh

Hi Steven,

Well I tried what you suggested and it didn't really work.  I currently have the overflow:hidden in the stylesheet deleted.  When I add the style info is separates the flash & menu section.  I had some additional code from what you posted.

Here is my original code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>First Gen Legacy 6spd Swap</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../css/sv.horizontal.template.css" />
    <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    function doLayout() {
        var winHeight, winWidth, headerWidth;
        winHeight = window.innerHeight ? window.innerHeight : $(window).height();
        winWidth = window.innerWidth ? window.innerWidth : $(window).width();
        headerWidth = $('#header').outerWidth();
        $('#flashContent').height(parseInt(winHeight)).width(parseInt(winWidth) - parseInt(headerWidth));
    }

    $(document).ready(function () {
        doLayout();
        $(window).bind('resize', doLayout);
        SV.simpleviewer.load('sv-container', '100%', '100%', '222222',true);
    });
    </script>
</head>

<body>

    <div id="header">
        <div>
            <a href = "../01/index.html">09/16/12</a><br>
            <a href = "../02/index.html">09/21/12</a><br>
            <a href = "../03/index.html">09/22/12</a><br>
            <a href = "../04/index.html">10/27/12</a><br>
            <a href = "../05/index.html">11/03/12</a><br>
            <a href = "../06/index.html">11/17/12</a><br>
            <a href = "../07/index.html">11/21/12</a><br>
            <a href = "../08/index.html">11/23/12</a><br>
            <a href = "../09/index.html">11/27/12</a><br>
            <a href = "../10/index.html">12/01/12</a><br>
            <a href = "../11/index.html">12/08/12</a><br>
            <a href = "../12/index.html">12/12/12</a><br>
            <a href = "../13/index.html">12/13/12</a><br>
            <a href = "../14/index.html">12/14/12</a><br>
            <a href = "../15/index.html">12/15/12</a><br>
            <a href = "../16/index.html">12/16/12</a><br>
            <a href = "../17/index.html">12/22/12</a><br>
            <a href = "../18/index.html">12/23/12</a><br>
            <a href = "../19/index.html">12/29/12</a><br>
            <a href = "../20/index.html">01/05/13</a><br>
            <a href = "../21/index.html">01/12/13</a><br>
            <a href = "../22/index.html">01/19/13</a><br>
            <a href = "../23/index.html">01/23/13</a><br>
            <a href = "../24/index.html">01/25/13</a><br>
            <a href = "../25/index.html">01/26/13</a><br>
            <a href = "../26/index.html">02/03/13</a><br>
            <a href = "../27/index.html">03/14/13</a><br>
            <a href = "../28/index.html">03/16/13</a><br>
           
        </div>
    </div>

    <div id="flashContent">
        <div id="sv-container"></div>
    </div>

</body>
</html>

Here is the modified code with the style info added.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>First Gen Legacy 6spd Swap</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../css/sv.horizontal.template.css" />
    <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../svcore/js/simpleviewer.js"></script>
    <style type="text/css">
        body, html {
            height: 100%;
            width: 100%;
            margin: 0;
        }
        #header {
            width: 10%;
            height: 100%;
            float: left;
            overflow-y: auto;
        }
        #flashContent {
            width: 90%;
            height: 100%;
            float: right;
            overflow: hidden;
        }
    </style>

    <script type="text/javascript">
    function doLayout() {
        var winHeight, winWidth, headerWidth;
        winHeight = window.innerHeight ? window.innerHeight : $(window).height();
        winWidth = window.innerWidth ? window.innerWidth : $(window).width();
        headerWidth = $('#header').outerWidth();
        $('#flashContent').height(parseInt(winHeight)).width(parseInt(winWidth) - parseInt(headerWidth));
    }

    $(document).ready(function () {
        doLayout();
        $(window).bind('resize', doLayout);
        SV.simpleviewer.load('sv-container', '100%', '100%', '222222',true);
    });
    </script>
</head>

<body>

    <div id="header">
        <div>
            <a href = "../01/index.html">09/16/12</a><br>
            <a href = "../02/index.html">09/21/12</a><br>
            <a href = "../03/index.html">09/22/12</a><br>
            <a href = "../04/index.html">10/27/12</a><br>
            <a href = "../05/index.html">11/03/12</a><br>
            <a href = "../06/index.html">11/17/12</a><br>
            <a href = "../07/index.html">11/21/12</a><br>
            <a href = "../08/index.html">11/23/12</a><br>
            <a href = "../09/index.html">11/27/12</a><br>
            <a href = "../10/index.html">12/01/12</a><br>
            <a href = "../11/index.html">12/08/12</a><br>
            <a href = "../12/index.html">12/12/12</a><br>
            <a href = "../13/index.html">12/13/12</a><br>
            <a href = "../14/index.html">12/14/12</a><br>
            <a href = "../15/index.html">12/15/12</a><br>
            <a href = "../16/index.html">12/16/12</a><br>
            <a href = "../17/index.html">12/22/12</a><br>
            <a href = "../18/index.html">12/23/12</a><br>
            <a href = "../19/index.html">12/29/12</a><br>
            <a href = "../20/index.html">01/05/13</a><br>
            <a href = "../21/index.html">01/12/13</a><br>
            <a href = "../22/index.html">01/19/13</a><br>
            <a href = "../23/index.html">01/23/13</a><br>
            <a href = "../24/index.html">01/25/13</a><br>
            <a href = "../25/index.html">01/26/13</a><br>
            <a href = "../26/index.html">02/03/13</a><br>
            <a href = "../27/index.html">03/14/13</a><br>
            <a href = "../28/index.html">03/16/13</a><br>
           
        </div>
    </div>

    <div id="flashContent">
        <div id="sv-container"></div>
    </div>

</body>
</html>

Here's what the added style info looks like.

http://www.main.experiencetherave.com/s … ndex2.html

Thanks for any additional help you may have.
Josh

Thanks for the info and feedback Steven!

I'll give it a try tomorrow when I get some more time.

Thanks again.
Josh

Hi,

I am using the Horizontal Resizable Gallery with Side Menu and it has worked great.  I however have added quite a few galleries to the side menu page to the point that if the browser window is small, you don't see all the gallery links on the side menu.

I would like to have it so the side menu displays a vertical scroll bar if it is needed.  I've looked online and found a couple solutions that I think could work, but they seem overly complicated, so I wanted to ask and see if there is a simple solution/fix.

Here is my gallery page so you can see what I'm talking about.

http://experiencetherave.com/subaru/images/6spdswap/01

Thanks!
Josh

Steven,

Thanks for the reply!  I'll take a look at that thread regarding the Facebook 'Like' button.

I've got some nested galleries, but can probably setup a common svcore folder for all the others.

Thanks again for the suggestions and feedback.

Josh

I was just curious if there are any major changes planned for upcoming releases of Simple Viewer Pro.  I've got about 200 galleries that I plan to convert to Simple Viewer, and would hate to convert them all and have a new version come out with new goodies in it.

Any plans to integrate social media "share" type links within simple viewer?  I think jalbum can do it, but I don't care for the interface as well.  Anyway, just thought I'd ask.

Thanks
Josh

Ok, thanks again Steven.

Thanks for the information Steven.

I've read over the documentation about modifying the location for the the svcore folder.  Will I need to go back and modify each gallery.xml document after its created if I move the svcore folder, or can I set that as a preset setting?  I'm guessing i will have to modify each gallery.xml file, but just would like confirmation.

Thanks
Josh

I have existing galleries setup, several hundred that I want to convert to Simpleviewer Pro.  One of my concerns is that I keep the existing gallery file structure the same.  Some of the galleries have been shared for several years and have been linked to various places on the net. 

Currently, the images and thumbnails are all in each gallery's root folder.  The thumbnail images are prefixed with TN_ .

Is there a way to change the "default" settings so when I build a gallery with svBuilderPro it creates the gallery.xml file to point to the root gallery folder for the images & thumbnails, and prefixes the thumbnails with TN_ ?

I know I can go and modify the gallery.xml file after I create each gallery with Simpleviewer, but I'd prefer to not have to do that due to the large number of galleries I'm dealing with.  A last ditch type option would be to just leave the existing images there for historical purposes/linking and create new galleries with the standard setup, however that's quite a waste of spacewhen we're talking about a gig of images.

Thanks for any suggestions or help.

Josh

17

(5 replies, posted in SimpleViewer-Pro v2)

Steven Speirs wrote:

Yes. Galleries created using svManager are automatically added to the index page.
Please see here for details: http://simpleviewer.net/svmanager/support/#autoindex

So I don't use the svBuilder to create the gallery?  I guess I'll have to read up on svManager a little more.  I really would prefer not to create galleries via a web interface, and if that's primarily how svManager and all the indexes get setup, it may not be what I want.

18

(5 replies, posted in SimpleViewer-Pro v2)

Thanks for the feedback Steven.  I've checked out the demo of svManager and like how the galleries are setup, however I'm not sure if that's automatically generated once the galleries are imported into svManager, or if they need to be setup.  If I create a new gallery folder does it automatically show up in that index?  Or do I have to build the index once I create the folder?

I've got physical access to the server and I will typically just copy the files from my desktop to the server over the network.  So a web interface isn't really a big deal for me.

I guess I need to try and look into jAlbum a little more and see how it works for what I'm wanting to do and report back.

Thanks
Josh

Hi,

I am looking to upgrade my old image gallery setup and I'm pretty sure Simpleviewer Pro will do what I'm looking for.  My question is in regards to options for handling/managing multiple galleries and what will work the best.

Currently I have an .asp based directory list which automatically creates an index page every time I create a new gallery folder.  It's easy, I like it, but it's quite bland, no thumbnails, etc.

http://www.main.experiencetherave.com/subaru/images

I've looked through the FAQ's and forum posts on multiple galleries and I don't think that's the best option with the number of galleries I'm wanting to convert.

I saw this post which talks about jAlbum & simpleviewer skin, but I haven't looked at it closely yet.

Lastly, it looks like svManager will probably do what I want, but I'm currently not running php on the server with the images.  That's not a deal killer, but just something else I'd have to setup, manage, update, etc.

Ultimately, I'd like things to be as automated as I could get them once I setup the gallery, like I have now with the directory listing, but I may not be able to have that.

So anyway, any feedback or suggestions is appreciated.

Thanks
Josh