Many thanks.
Without knowing how contribute works it's hard to say. I have a simple
gallery that will work by simply placing images in a directory
http://www.walkingoutdoors.co.uk/Geoff/tryfan/
Alternatively, it's fairly simple to write a submission form for image
upload.
--
Geoff Berrow 0110001001101100010000000110
001101101011011001000110111101100111001011
100110001101101111001011100111010101101011
http://slipperyhill.co.uk - http://4theweb.co.uk
> http://www.walkingoutdoors.co.uk/Geoff/tryfan/
Why do you inline style every single image to float left?
--
dorayme
>> http://www.walkingoutdoors.co.uk/Geoff/tryfan/
>
>Why do you inline style every single image to float left?
I wrote the code for that some time ago. Thanks for prompting me that
it needs tidying.
> Message-ID: <doraymeRidThis-907...@news.albasani.net>
> from dorayme contained the following:
>
> >> http://www.walkingoutdoors.co.uk/Geoff/tryfan/
> >
> >Why do you inline style every single image to float left?
>
> I wrote the code for that some time ago. Thanks for prompting me that
> it needs tidying.
No doubt as you probably know, you will not even need to class the img
elements to get them to float; instead, either simply img {float: left}
in the CSS or if some of yopur images are not to float left, take the
cue from a higher container: .container img {float: left}.
I liked your dog! I had a Border Collie for years, good dogs, smart.
Mine used to discuss Wittgenstein and play devil's advocate for the dead
Austrian.
--
dorayme
Got an error when I went to image11;
Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to
allocate 319 bytes) in
/home/berrowme/public_html/walkingoutdoors.co.uk/galleryfiles/unsharpmask.php
on line 56
-dE|_---
I have a gallery of images at :-
http://kempster.info/photos/gallery/index.html
which I'd like to change to more modern coding, it's done with <blush>
Frames. I'd like to keep the current look - a column of thumbnails on
the left with a larger edition opening in the major portion of the
page. Any ideas?
I rather like the way that the thumbnails don't have to re-load whenever
the large image is changed. It'd be nice to retain that.
There are a lot of gallery designs on the web that have a separate
page of thumbnails, then the larger images display on their own page
with the usual navigation <Back - Next>, with no clue as to what new
image to expect. You have to keep going back to the thumbnails, and
choose, unless you just click through all of the offerings. I like the
feature of my display that lets the viewer pick and choose, bummer about
the old frames though!
I'm working on substituting php for the hard coded image links, it's
work slow - I blame this geriatric brain. But as is said often "Use it
or lose it".
Phil
--
Phil Kempster
http://kempster.info
> Geoff Berrow wrote:
> > Message-ID: <doraymeRidThis-907...@news.albasani.net>
> > from dorayme contained the following:
> >
> >>> http://www.walkingoutdoors.co.uk/Geoff/tryfan/
> >> Why do you inline style every single image to float left?
> >
> > I wrote the code for that some time ago. Thanks for prompting me that
> > it needs tidying.
>
> I have a gallery of images at :-
>
> http://kempster.info/photos/gallery/index.html
>
> which I'd like to change to more modern coding, it's done with <blush>
> Frames. I'd like to keep the current look - a column of thumbnails on
> the left with a larger edition opening in the major portion of the
> page. Any ideas?
Well, you know, your URL (never mind a few HTML and char server encoding
errors) is not a bad advertisement for frames! If you had a very great
number more of thumbnails and someone wanted to bookmark a particular
enlargement, yes, there would be trouble then.
Since you made so many right frame htmls, e.g. the one with the
beautiful bragg-creek on it, you can fix a left menu with the thumbnails
on each, using an include. You just have a container for the menu and
style it containerElement div {...}, no need to class so much!
Anyway... as for how, there are a number of ways to go, here is a scheme
that might be adapted by you:
<http://dorayme.netweaver.com.au/pseudoFrameLeftCol.html>
and
<http://dorayme.netweaver.com.au/pseudoFrameLeftCol1.html>
linked to each other and to a couple of your pics that I rather fancied.
Seems fine in good modern browsers.
--
dorayme
> Anyway... as for how, there are a number of ways to go, here is a scheme
> that might be adapted by you:
>
> <http://dorayme.netweaver.com.au/pseudoFrameLeftCol.html>
>
> and
>
> <http://dorayme.netweaver.com.au/pseudoFrameLeftCol1.html>
>
> linked to each other and to a couple of your pics that I rather fancied.
>
> Seems fine in good modern browsers.
I assume you can see how you would get the CSS off to a link and also
use an include, perhaps a php one, for the navigation UL, taking the
weight off the HTML doc and construction effort. Ask if you are not sure.
--
dorayme
Thanks dorayme for taking the time, I'll flesh it out and see how I go.
Looks great. Goodonyer!
basilisk
Agreed.
But, a message to the OP:
Compress those images. While the picture of those trees is very nice it does
*not* need to be half a megabyte big. 60K at a max. People on slow
connections will not look at your photos.
--
Richard.
What happens when I have scrolled a long way down the thumbnails and chosen
an image to look at?
The left hand side is now right at the top again.
Now, where was I? :-(
--
Richard
Good point, I meant to look at that issue. I got as far as "hello, that
was not exactly instant" on my fastish broadband and for mere 644x484!
And then forgot about it!
I have fixed up a bit now and stuck the image on my server. Indeed, 63k
was roughly not too bad for the Canola shot, but I have cut the gorgeous
one of the trees a bit of slack (it has so much fine detail) and left it
bigger for now (but nowhere near 0.5MB).
The way to do these things on a photographic set of pages is to keep he
size down, as rf says and for the reasons he gives - but to add a
facility for those that have fast and want bigger still. You can do this
by having the big image a link to even bigger (and users will know or
you can somehow tell them - a tooltip (via title) is one simple
possibility - what they are in for file-size/time-wise.
I, for one, would welcome to see them thar trees bigger...
--
dorayme
Well, if it was me, I would likely not have so many in one go but
organise the pages into some sort of tree whereby there would be
categories. You could switch from NSW landscapes to Cats and then to the
set of 'My mates after 6 hours on the booze'.
Maybe two cols of thumbs would be fine, all sorts of things are
possible.
Maybe Phil might leave borders on the thumbnails and visited signals...
I don't know, I am going to bed. <g>
--
dorayme
But, it is a serious question rf, and since this is an exercise to mimic
frames, how about:
Scroll to bottom and click last thumb.
<http://dorayme.netweaver.com.au/pseudoFrameLeftCol.html>
--
dorayme
I like your nifty use of document-internal links here.
Is there a specific reason not to use the object element with an
external html source? I did something with the object element using an
image referenced in an external html file and managed to not get the
dreadful IE horizontal scroll bar with some CSS.
I was trying to mimic iframes though, but if it was frames I would do
something similar.