It is otherwise great and works fine, but - If I display large images and browse with a small screen like macbook air "11 or ipad, the gallery doesn't auto scale to the screen size. This kind of ruins the whole concept and just looks plainly bad.
I am hoping that someone has a simple solution for this problem. I want the gallery to show images in their actual pixel size (666 px height), but in case of smaller screens or browser windows, they should scale to fit window. Also I am curious, if there is a way to load the images in bacground somehow, so that the gallery is usable immediately, now there is an irritating 2-3 sec "load time", before the gallery is usable. Also ruining the concept a bit.
-If I don't get this to work fluently, I guess I must go back using simpleviewer, which has always proven good looking and fast loading..though this time it is not what I really want... I want a side scrolling gallery which can be used with mousewheel also.
I have tried playing a lot with the styles etc. but I am too beginner for this stuff and I alway end up messing the whole layout somehow.
p.s. I am displaying the gallery in an iFrame... could I somehow apply these auto-scale properties to the iframe (a simple solution) ??
The main problem here (apart from this being a rather obtrusive script) is that the right had button on your page doesn't stay in view on a smaller screen. I think this is a combination of the gallery being served up inside and iframe and/or the use of tables to lay out the page. Why are you using an iframe here? I would also rethink the use of tables for layout. They are way out of date now.
Well, I am slowly trying to update my html skills from the 1990's
At first I made the page layout using oldskool frameset, which I thought was fine. Then I read that framesets are outdated and should be avoided, so I tried using a table based layout....
For some reason (bad coding skills), the layout went really funny and didn't work in my table-style approach - I just couldn't center and align contents coherently - until I tried displaying the picture galleries in a table cell inside an iframe and it worked...so I kept on using this layout (iframes in table cells), as it proved a working solution. This also helps my organization, as each photo gallery is a simple .html page which I can separately edit,
and display in chosen iframes... does this make sense !?
It makes sense in as much as I can understand what you are saying ... but it doesn't make sense to build a web page like that.
We can help talk you through the layout of this page with more modern techniques, if you like. But I would also be looking at a different kind of layout, anyhow, and a different kind of gallery. I'm not keen on sideways scrolling galleries, especially if they rely on hovering. There are lots of really nice gallery scripts out there that are nicer to use than this.
So, a lot of decisions to make, but this is a good place to learn.
Please tell me about these more modern layout techniques...? I want to know? Using some DIV tags or what? Tell me!
- I am looking at other kinds of gallery scripts (tip me if you know of good ones), but to be honest, the scripts out there don't convince me. They are too complicated, too many hovering buttons,
animations, thumbnail-options etc. I just want simple minimalist sidescrolling gallery that shows my pictures intuitively and fast. Of course the simple approach is to use basic vertical scrolling gallery, but I like the idea of horizontal, it reminds me of browsing through a magazine etc.
In my ideal gallery, The user shouldn't have to concentrate on which button to press, but instead the pictures should be easily accessible "in your face"...immediately rolling to the retina after opening the page. (-check out my inspiration . http://www.cameronrad.com/works)