Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 14:21:58 von Andy Dingley
On 28 Jan, 13:07, Ed wrote:
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
No, absolutely none. For any "significant" advantage at least.
What _is_ significant is that a sequence of floated boxes (either way
you describe) has better fluid behaviour than markup.
- ... markup is arguably more appropriate than meaningless
s, as there is some vague notion of a "list" structure to these
thumbnails. That's pretty tenuous though.
Default CSS rendering of
is likely to be more appropriate than
for
- , in some fallback cases.
Neither of these distinctions is major. I'd use
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 14:27:39 von Sid Ismail
On Mon, 28 Jan 2008 13:07:52 +0000, Ed wrote:
: I know some HTML and CSS and want to use these tools, avoiding the use
: of tables
But tables is the most convenient tool for this...
Sid
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 14:36:58 von TravisNewbury
On Jan 28, 8:07 am, Ed wrote:
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
This is where some simple Flash really shines.
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 15:17:37 von Chaddy2222
On Jan 29, 12:36=A0am, Travis Newbury wrote:
> On Jan 28, 8:07 am, Ed wrote:
>
> > Is there any significant advantages/disadvantages to using the list
> > approach to using the div approach?
>
> This is where some simple Flash really shines.
I agree especially if you want a slide show type effect where a user
clicks on an arrow and the next pic is visible.
--
Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 15:41:55 von Els
Chaddy2222 wrote:
> On Jan 29, 12:36Â am, Travis Newbury wrote:
>> On Jan 28, 8:07 am, Ed wrote:
[linked thumbnails on a page]
>> This is where some simple Flash really shines.
>
> I agree especially if you want a slide show type effect where a user
> clicks on an arrow and the next pic is visible.
HTML is easy enough for arrows between pictures.
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 15:50:32 von jeff
Chaddy2222 wrote:
> On Jan 29, 12:36 am, Travis Newbury wrote:
>> On Jan 28, 8:07 am, Ed wrote:
>>
>>> Is there any significant advantages/disadvantages to using the list
>>> approach to using the div approach?
>> This is where some simple Flash really shines.
>
> I agree especially if you want a slide show type effect where a user
> clicks on an arrow and the next pic is visible.
Not exactly hard to do using javascript. And amongst the general
populace, javascript is widely left on.
Jeff
> --
> Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 17:22:44 von aoksite1
On Jan 28, 7:07 am, Ed wrote:
> I know some HTML and CSS and want to use these tools, avoiding the use
> of tables, to set up a gallery of thumbnail images which I can click on
> to see the full sized image.
>
> From what I read here and elsewhere, there seems to be two approaches:
>
> One is to create a basic unordered list of thumbnails (and any
> associated text) and float these.
>
> The second, is to put each thumbnail within its own div (with associated
> text) and float these.
>
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
>
> Many thanks,
> Ed
Ed,
Check out this software it works great and creates valid pages
http://jalbum.net/
For a working example visit http://a-ok-site.com/carrie_underwood/carrie_underwood_galle ry/index.html
Daniel
http://a-ok-site.com
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 18:33:36 von TravisNewbury
On Jan 28, 9:41 am, Els wrote:
> >> This is where some simple Flash really shines.
> > I agree especially if you want a slide show type effect where a user
> > clicks on an arrow and the next pic is visible.
> HTML is easy enough for arrows between pictures.
But does it "shine"?
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 18:44:17 von aoksite1
On Jan 28, 11:33 am, Travis Newbury wrote:
> On Jan 28, 9:41 am, Els wrote:
>
> > >> This is where some simple Flash really shines.
> > > I agree especially if you want a slide show type effect where a user
> > > clicks on an arrow and the next pic is visible.
> > HTML is easy enough for arrows between pictures.
>
> But does it "shine"?
I think so, but you need to check it out to see if it meets your
needs. It is fully customizable and offers many ready made skins. It
is free to use and runs on your computer, so download it play around
and see what you think. It also has FTP capabilities. I think you be
pleasantly surprised, and I love it.
Daniel
http://a-ok-site.com
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 18:45:52 von Els
Travis Newbury wrote:
> On Jan 28, 9:41 am, Els wrote:
>>>> This is where some simple Flash really shines.
>>> I agree especially if you want a slide show type effect where a user
>>> clicks on an arrow and the next pic is visible.
>> HTML is easy enough for arrows between pictures.
>
> But does it "shine"?
Only if I adjust my screen's brightness, but I'd say that goes for
Flash as well ;-)
(btw - I didn't respond to your message, because I have no idea about
Flash being better for this job or not (apart from accessibility of
course). Just said that for having a clickable arrow to go to the next
image, you don't need Flash)
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 18:48:47 von Els
A-OK-SITE wrote:
> On Jan 28, 11:33 am, Travis Newbury wrote:
>> On Jan 28, 9:41 am, Els wrote:
>>
>>> >> This is where some simple Flash really shines.
>>> > I agree especially if you want a slide show type effect where a user
>>> > clicks on an arrow and the next pic is visible.
>>> HTML is easy enough for arrows between pictures.
>>
>> But does it "shine"?
>
> I think so, but you need to check it out to see if it meets your
> needs. It is fully customizable and offers many ready made skins. It
> is free to use and runs on your computer, so download it play around
> and see what you think. It also has FTP capabilities. I think you be
> pleasantly surprised, and I love it.
I think you're mistakenly thinking Travis responded to your reply to
the OP :-)
(hint: there's no mention of 'jalbum' in this thread you're replying
to)
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 18:55:04 von aoksite1
On Jan 28, 11:48 am, Els wrote:
> A-OK-SITE wrote:
> > On Jan 28, 11:33 am, Travis Newbury wrote:
> >> On Jan 28, 9:41 am, Els wrote:
>
> >>> >> This is where some simple Flash really shines.
> >>> > I agree especially if you want a slide show type effect where a user
> >>> > clicks on an arrow and the next pic is visible.
> >>> HTML is easy enough for arrows between pictures.
>
> >> But does it "shine"?
>
> > I think so, but you need to check it out to see if it meets your
> > needs. It is fully customizable and offers many ready made skins. It
> > is free to use and runs on your computer, so download it play around
> > and see what you think. It also has FTP capabilities. I think you be
> > pleasantly surprised, and I love it.
>
> I think you're mistakenly thinking Travis responded to your reply to
> the OP :-)
>
> (hint: there's no mention of 'jalbum' in this thread you're replying
> to)
>
> --
> Els http://locusmeus.com/
Yep, I noticed that to late, sorry all.
Daniel
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 20:20:42 von SigelsTankMage
google javascript lightbox
On Jan 28, 7:07=A0am, Ed wrote:
> I know some HTML and CSS and want to use these tools, avoiding the use
> of tables, =A0to set up a gallery of thumbnail images which I can click on=
> to see the full sized image.
>
> =A0From what I read here and elsewhere, there seems to be two approaches:
>
> One is to create a basic unordered list of thumbnails (and any
> associated text) and =A0float these.
>
> The second, is to put each thumbnail within its own div (with associated
> text) and float these.
>
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
>
> Many thanks,
> Ed
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 20:44:15 von Neredbojias
Well bust mah britches and call me cheeky, on Mon, 28 Jan 2008 13:07:52 GMT
Ed scribed:
> I know some HTML and CSS and want to use these tools, avoiding the use
> of tables, to set up a gallery of thumbnail images which I can click on
> to see the full sized image.
>
> From what I read here and elsewhere, there seems to be two approaches:
>
> One is to create a basic unordered list of thumbnails (and any
> associated text) and float these.
>
> The second, is to put each thumbnail within its own div (with associated
> text) and float these.
Well, you either read wrong or what you read is wrong.
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
They both suck.
From your "specs" above, all you need are simple inline images and links.
If you want a somewhat symmetrical appearance, size your thumbs similarly
and use margins and/or paddings appropriately.
--
Neredbojias
Riches are their own reward.
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 21:24:41 von Nik Coughlin
"Sid" wrote in message
news:mdlrp3l1edn3tmqlvlhng8lsq4farden9c@4ax.com...
> On Mon, 28 Jan 2008 13:07:52 +0000, Ed wrote:
>
> : I know some HTML and CSS and want to use these tools, avoiding the use
> : of tables
>
>
> But tables is the most convenient tool for this...
They don't flow
Re: Photo Gallery. What is best practice? List or Divs?
am 28.01.2008 22:18:28 von dorayme
In article ,
Sid wrote:
> On Mon, 28 Jan 2008 13:07:52 +0000, Ed wrote:
>
> : I know some HTML and CSS and want to use these tools, avoiding the use
> : of tables
>
>
> But tables is the most convenient tool for this...
Not if you don't want to decide how many images should occupy a
row nor to allow the greatest flexibility for the users.
--
dorayme
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 02:32:03 von Chaddy2222
On Jan 29, 1:41=A0am, Els wrote:
> Chaddy2222 wrote:
> > On Jan 29, 12:36=A0am, Travis Newbury wrote:=
> >> On Jan 28, 8:07 am, Ed wrote:
>
> [linked thumbnails on a page]
>
> >> This is where some simple Flash really shines.
>
> > I agree especially if you want a slide show type effect where a user
> > clicks on an arrow and the next pic is visible.
>
> HTML is easy enough for arrows between pictures.
>
Well yes it does. But it does depend on what you want to do.
You I guess could add a Javascript event to the arrow which would
animate the images but it's offen just easier done in Flash as you can
have the images and everything in one file, but if file size and
accessibility are a concern then obviously Flash would not be a good
tool. Unless you like doing extra work to make it accessible.
--
Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 03:19:03 von TravisNewbury
On Jan 28, 12:45 pm, Els wrote:
> > But does it "shine"?
> Only if I adjust my screen's brightness, but I'd say that goes for
> Flash as well ;-)
> (btw - I didn't respond to your message, because I have no idea about
> Flash being better for this job or not (apart from accessibility of
> course). Just said that for having a clickable arrow to go to the next
> image, you don't need Flash)
Flash may not be the best tool for this job. But it does do slide
shows well, so the OP should at least take a look at it.
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 04:37:38 von Nico Schuyt
Ed wrote:
> I know some HTML and CSS and want to use these tools, avoiding the use
> of tables, to set up a gallery of thumbnail images which I can click
> on to see the full sized image.
> From what I read here and elsewhere, there seems to be two approaches:
> One is to create a basic unordered list of thumbnails (and any
> associated text) and float these.
> The second, is to put each thumbnail within its own div (with
> associated text) and float these.
> Is there any significant advantages/disadvantages to using the list
> approach to using the div approach?
It looks like you want to use captions and (probably) different
orientations.
Best solution here is using a small floating table for each image. One row
for the image and another for the caption.
Example: http://www.hermansmith.nl/thema_reis.php
Alternatives: http://www.cs.tut.fi/~jkorpela/www/captions.html
If you have some knowledge of php, you can write a script that creates a
gallery out of the pictures in a directory.
--
Nico
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 08:20:01 von Els
Chaddy2222 wrote:
> On Jan 29, 1:41Â am, Els wrote:
>> Chaddy2222 wrote:
>>> On Jan 29, 12:36Â am, Travis Newbury wrote:
>>>> On Jan 28, 8:07 am, Ed wrote:
>>
>> [linked thumbnails on a page]
>>
>>>> This is where some simple Flash really shines.
>>
>>> I agree especially if you want a slide show type effect where a user
>>> clicks on an arrow and the next pic is visible.
>>
>> HTML is easy enough for arrows between pictures.
>>
> Well yes it does. But it does depend on what you want to do.
> You I guess could add a Javascript event to the arrow which would
> animate the images but it's offen just easier done in Flash as you can
> have the images and everything in one file, but if file size and
> accessibility are a concern then obviously Flash would not be a good
> tool. Unless you like doing extra work to make it accessible.
From this explanation of yours, I think I misunderstood what you meant
by clicking an arrow to go to the next picture. I now see that you
probably meant to click it only once, and then the next pictures would
keep rolling in, automated. I was only talking about a link. A simple,
Flash / JavaScript-less link, to go to the next image.
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 08:22:29 von Els
Travis Newbury wrote:
> On Jan 28, 12:45 pm, Els wrote:
>>> But does it "shine"?
>> Only if I adjust my screen's brightness, but I'd say that goes for
>> Flash as well ;-)
>> (btw - I didn't respond to your message, because I have no idea about
>> Flash being better for this job or not (apart from accessibility of
>> course). Just said that for having a clickable arrow to go to the next
>> image, you don't need Flash)
>
> Flash may not be the best tool for this job. But it does do slide
> shows well, so the OP should at least take a look at it.
Not objecting to that, although his question was really only about how
to lay out the thumbnails on the page ;-)
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 09:01:20 von Chaddy2222
On Jan 29, 6:20=A0pm, Els wrote:
> Chaddy2222 wrote:
> > On Jan 29, 1:41=A0am, Els wrote:
> >> Chaddy2222 wrote:
> >>> On Jan 29, 12:36=A0am, Travis Newbury wrot=
e:
> >>>> On Jan 28, 8:07 am, Ed wrote:
>
> >> [linked thumbnails on a page]
>
> >>>> This is where some simple Flash really shines.
>
> >>> I agree especially if you want a slide show type effect where a user
> >>> clicks on an arrow and the next pic is visible.
>
> >> HTML is easy enough for arrows between pictures.
>
> > Well yes it does. But it does depend on what you want to do.
> > You I guess could add a Javascript event to the arrow which would
> > animate the images but it's offen just easier done in Flash as you can
> > have the images and everything in one file, but if file size and
> > accessibility are a concern then obviously Flash would not be a good
> > tool. Unless you like doing extra work to make it accessible.
>
> From this explanation of yours, I think I misunderstood what you meant
> by clicking an arrow to go to the next picture. I now see that you
> probably meant to click it only once, and then the next pictures would
> keep rolling in, automated. I was only talking about a link. A simple,
> Flash / JavaScript-less link, to go to the next image.
>
Yes that is what I was on about and yes I do know what you ment.
--
Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 11:28:36 von TravisNewbury
On Jan 29, 2:22 am, Els wrote:
> > Flash may not be the best tool for this job. But it does do slide
> > shows well, so the OP should at least take a look at it.
> Not objecting to that, although his question was really only about how
> to lay out the thumbnails on the page ;-)
Right, and the layout is part of what you would do in Flash.
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 11:42:34 von Els
Travis Newbury wrote:
> On Jan 29, 2:22 am, Els wrote:
>>> Flash may not be the best tool for this job. But it does do slide
>>> shows well, so the OP should at least take a look at it.
>> Not objecting to that, although his question was really only about how
>> to lay out the thumbnails on the page ;-)
>
> Right, and the layout is part of what you would do in Flash.
But then you'd have no advantage over a table layout. Or does Flash
have a way to know how wide the browser window is and use that to
calculate how many thumbnails would be sitting in each row?
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 11:55:29 von Chaddy2222
On Jan 29, 9:42=A0pm, Els wrote:
> Travis Newbury wrote:
> > On Jan 29, 2:22 am, Els wrote:
> >>> Flash may not be the best tool for this job. =A0But it does do slide
> >>> shows well, so the OP should at least take a look at it.
> >> Not objecting to that, although his question was really only about how
> >> to lay out the thumbnails on the page ;-)
>
> > Right, and the layout is part of what you would do in Flash.
>
> But then you'd have no advantage over a table layout. Or does Flash
> have a way to know how wide the browser window is and use that to
> calculate how many thumbnails would be sitting in each row?
>
Well Flash users Action Script which is kind of like Java, so yes I
would say that is how it does work.
But it might be a bit of overkill for a simple photo page.
I would just use a table personally and have done so on one of the
sites I worked on *which I can't post a link too.
--
Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 13:08:53 von TravisNewbury
On Jan 29, 5:42 am, Els wrote:
> Travis Newbury wrote:
> > On Jan 29, 2:22 am, Els wrote:
> >>> Flash may not be the best tool for this job. But it does do slide
> >>> shows well, so the OP should at least take a look at it.
> >> Not objecting to that, although his question was really only about how
> >> to lay out the thumbnails on the page ;-)
> > Right, and the layout is part of what you would do in Flash.
> But then you'd have no advantage over a table layout. Or does Flash
> have a way to know how wide the browser window is and use that to
> calculate how many thumbnails would be sitting in each row?
Yes, I could find the width of the window that I am sitting in and
make the appropriate modifications in the xScale and yScale properties
of the sprite(s) I load the thumb into.
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 13:11:30 von TravisNewbury
On Jan 29, 5:55 am, Chaddy2222
sicur...@yahoo.com.au> wrote:
> Well Flash users Action Script which is kind of like Java, so yes I
> would say that is how it does work.
> But it might be a bit of overkill for a simple photo page.
It sounds like overkill to you because you (I am assuming here) are
not a Flash developer. Thumb based slide show is quite simple to make
in Flash. Even adding the code to get the window size and adjust the
thumbs appropriately is not that big of a deal to code in Flash.
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 13:29:27 von Chaddy2222
On Jan 29, 11:11=A0pm, Travis Newbury wrote:
> On Jan 29, 5:55 am, Chaddy2222
>
> sicur...@yahoo.com.au> wrote:
> > Well Flash users Action Script which is kind of like Java, so yes I
> > would say that is how it does work.
> > But it might be a bit of overkill for a simple photo page.
>
> It sounds like overkill to you because you (I am assuming here) are
> not a Flash developer. =A0Thumb based slide show is quite simple to make
> in Flash. =A0Even adding the code to get the window size and adjust the
> thumbs appropriately is not that big of a deal to code in Flash.
Hmmm yeah.
I think I have said similar things to people who say that CSS for
layout is too hard as well.
--
Regards Chad. http://freewebdesignonline.org
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 14:53:40 von Els
Travis Newbury wrote:
> On Jan 29, 5:42 am, Els wrote:
>> Travis Newbury wrote:
>>> On Jan 29, 2:22 am, Els wrote:
>>>>> Flash may not be the best tool for this job. But it does do slide
>>>>> shows well, so the OP should at least take a look at it.
>>>> Not objecting to that, although his question was really only about how
>>>> to lay out the thumbnails on the page ;-)
>>> Right, and the layout is part of what you would do in Flash.
>> But then you'd have no advantage over a table layout. Or does Flash
>> have a way to know how wide the browser window is and use that to
>> calculate how many thumbnails would be sitting in each row?
>
> Yes, I could find the width of the window that I am sitting in and
> make the appropriate modifications in the xScale and yScale properties
> of the sprite(s) I load the thumb into.
As I'm not sure what sprites are in this respect, does that mean the
thumb would get smaller in a smaller window, or that instead of 5
thumbs there'd be 4? I've seen enough Flash that scales with the
window, but it only means that on small windows the text gets *really*
unreadable :-)
Anyway, if the number of thumbs per row can be dependent on window
width, then I agree Flash wouldn't be that bad for it. Except still
for accessibility of course...
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 15:11:01 von Nico Schuyt
Els wrote:
> Anyway, if the number of thumbs per row can be dependent on window
> width, then I agree Flash wouldn't be that bad for it. Except still
> for accessibility of course...
Is accessibility in this case (a photo gallery) really an issue here Els?
--
Nico
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 15:31:50 von Els
Nico Schuyt wrote:
> Els wrote:
>
>> Anyway, if the number of thumbs per row can be dependent on window
>> width, then I agree Flash wouldn't be that bad for it. Except still
>> for accessibility of course...
>
> Is accessibility in this case (a photo gallery) really an issue here Els?
How do you tab from link to link with no mouse? Even if your eyes work
perfectly?
Besides, I think the discussion about the motives for good values for
alt attributes for images is too old to start it up again ;-)
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 15:43:19 von Nico Schuyt
Els wrote:
> Nico Schuyt wrote:
>> Els wrote:
>>> Anyway, if the number of thumbs per row can be dependent on window
>>> width, then I agree Flash wouldn't be that bad for it. Except still
>>> for accessibility of course...
>> Is accessibility in this case (a photo gallery) really an issue here
>> Els?
> How do you tab from link to link with no mouse? Even if your eyes work
> perfectly?
Navigation through such a site will be difficult anyway without a mouse.
> Besides, I think the discussion about the motives for good values for
> alt attributes for images is too old to start it up again ;-)
Your arguments are (generally spoken) valid (of course!!), but in something
graphically like a photo gallery ...
The advantages of a Flash presentation may* be greater than the
disadvantages.
* I'm not so enthousiast myself about the average Flash gallery: the
resizing of images leads to bad quality on the screen.
--
Nico
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 16:35:48 von Els
Nico Schuyt wrote:
>>> Is accessibility in this case (a photo gallery) really an issue here
>>> Els?
>
>> How do you tab from link to link with no mouse? Even if your eyes work
>> perfectly?
>
> Navigation through such a site will be difficult anyway without a mouse.
How so?
Excercise for you:
http://locusmeus.com/dimage-gallery01.html
Don't use your mouse. How difficult is it?
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 17:32:18 von TravisNewbury
On Jan 29, 8:53 am, Els wrote:
> > Yes, I could find the width of the window that I am sitting in and
> > make the appropriate modifications in the xScale and yScale properties
> > of the sprite(s) I load the thumb into.
> As I'm not sure what sprites are in this respect, does that mean the
> thumb would get smaller in a smaller window, or that instead of 5
> thumbs there'd be 4? I've seen enough Flash that scales with the
> window, but it only means that on small windows the text gets *really*
> unreadable :-)
I scale the individual images. I would not (necessarily) scale the
entire Flash Stage. And you are right, just changing the size of the
stage could cause the fonts for become too small.
> Anyway, if the number of thumbs per row can be dependent on window
> width, then I agree Flash wouldn't be that bad for it. Except still
> for accessibility of course...
yep, you will never lose all the accessibility issues you get when you
use Flash.
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 18:49:23 von Els
Travis Newbury wrote:
> On Jan 29, 8:53 am, Els wrote:
>>> Yes, I could find the width of the window that I am sitting in and
>>> make the appropriate modifications in the xScale and yScale properties
>>> of the sprite(s) I load the thumb into.
>> As I'm not sure what sprites are in this respect, does that mean the
>> thumb would get smaller in a smaller window, or that instead of 5
>> thumbs there'd be 4? I've seen enough Flash that scales with the
>> window, but it only means that on small windows the text gets *really*
>> unreadable :-)
>
> I scale the individual images. I would not (necessarily) scale the
> entire Flash Stage.
Not sure if you answered my question though: say you are doing a Flash
gallery, with 20 thumbnails. Each thumbnail being 180px wide. You're
thinking of a window of 800px, so with a bit of space between them,
you'll build the thing to hold 4 thumbnails per row, and there will be
5 rows.
Is, or isn't it, possible to programm the Flash so, that if the window
would be 600px wide, only 3 thumbnails would be shown per row, thus
making 7 rows instead of 5, while if the window would be 1200px wide,
there's be only 4 rows, and 6 images per row? As in 'flexible'?
From your answer, I'm guessing it isn't, and you just make each
thumbnail smaller, so there are still 4 in a row.
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 19:33:39 von Nico Schuyt
Els wrote:
> Nico Schuyt wrote:
>>>> Is accessibility in this case (a photo gallery) really an issue
>>>> here Els?
>>> How do you tab from link to link with no mouse? Even if your eyes
>>> work perfectly?
>> Navigation through such a site will be difficult anyway without a
>> mouse.
> How so?
> Excercise for you:
> http://locusmeus.com/dimage-gallery01.html
The page needs some time to stabilize (IE6). Clear your cache and see what I
mean :-)
> Don't use your mouse. How difficult is it?
Almost impossible :-)
- First tab -> 'Skip to content'. Pressed Enter and expected to have focus
on the first image (that *is* the content imo) but it takes another 12 tab's
to get to the first photo.
- It's hard too see which image has focus (must be my age of course)
- Image enlarged with Enter. How do I return? I read somewhere it should be
ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to work.
Well, it can be doen but I'm glad I have a mouse :-)
Nice photographs however!
--
Nico
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 20:14:36 von Els
Nico Schuyt wrote:
>>> Navigation through such a site will be difficult anyway without a
>>> mouse.
>
>> How so?
>> Excercise for you:
>> http://locusmeus.com/dimage-gallery01.html
>
> The page needs some time to stabilize (IE6). Clear your cache and see what I
> mean :-)
I know - it's because I don't give the width and height of each image
in the HTML.
>> Don't use your mouse. How difficult is it?
>
> Almost impossible :-)
>
> - First tab -> 'Skip to content'. Pressed Enter and expected to have focus
> on the first image (that *is* the content imo)
No, there is text before the images.
> but it takes another 12 tab's
> to get to the first photo.
In Firefox one tab (after the "skip to content") goes straight to the
first picture - I'll have a look why it doesn't in IE. The page does
scroll up, so we do arrive at #content, but then the next tab goes to
the top of the page again. Makes no sense to me.
It also doesn't help that IE7 needs 8 (!) tabs to get to the page at
all. (address bar, refresh button, Google search box, Google search
box button, favourites button, page tab, home button)
Use Firefox! :P
> - It's hard too see which image has focus (must be my age of course)
It has both the browser's own focus outline, and a subtle colour
change. But...we were talking motor skills, not eye strain - it's a
photo gallery after all, remember? ;-)
> - Image enlarged with Enter. How do I return? I read somewhere it should be
> ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to work.
That's one thing I could add, yes, a back link. Without a mouse, there
is no indication that the image itself leads back to the thumbnails,
although it is the case in almost every photo gallery I've ever seen.
> Well, it can be doen but I'm glad I have a mouse :-)
I find it easier without the mouse to be honest! No need to find the
pointer on my screen, no need to stretch my arm onto my desk, no risk
of throwing over my tea... ;-)
That is, unless I'd be stuck with IE :\
> Nice photographs however!
Thanks.
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 20:33:05 von Nico Schuyt
Els wrote:
> Nico Schuyt wrote:
>>>> Navigation through such a site will be difficult anyway without a
>>>> mouse.
>>> How so?
>>> Excercise for you:
>>> http://locusmeus.com/dimage-gallery01.html
>> The page needs some time to stabilize (IE6). Clear your cache and
>> see what I mean :-)
> I know - it's because I don't give the width and height of each image
> in the HTML.
Any specific reason for that?
>> - Image enlarged with Enter. How do I return? I read somewhere it
>> should be ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to
>> work.
I'll be surprised if there isn't a standard key for that in IE
> That's one thing I could add, yes, a back link. Without a mouse, there
> is no indication that the image itself leads back to the thumbnails,
> although it is the case in almost every photo gallery I've ever seen.
I should have noticed that back link on the image. Maybe the image should
get the focus in order to return with one Enter instead of 3 Tabs + Enter
>> Well, it can be doen but I'm glad I have a mouse :-)
> I find it easier without the mouse to be honest!
You're young. At my age one needs some tools (glasses, hearing device,
mouse, ..)
--
Nico
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 20:46:10 von Bergamot
Nico Schuyt wrote:
>
> - Image enlarged with Enter. How do I return? I read somewhere it should be
> ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to work.
Try just ALT + left arrow
--
Berg
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 20:52:02 von Els
Nico Schuyt wrote:
>> I know - it's because I don't give the width and height of each image
>> in the HTML.
>
> Any specific reason for that?
Lack of PHP skills combined with hypothetical possibility of having
different size thumbnails on one page :-)
>>> - Image enlarged with Enter. How do I return? I read somewhere it
>>> should be ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to
>>> work.
>
> I'll be surprised if there isn't a standard key for that in IE
I'd say that any standard key would only work if I'd add some code to
the pages. Apart from the simple 'backspace' to go one page back of
course.
>> That's one thing I could add, yes, a back link. Without a mouse, there
>> is no indication that the image itself leads back to the thumbnails,
>> although it is the case in almost every photo gallery I've ever seen.
>
> I should have noticed that back link on the image. Maybe the image should
> get the focus in order to return with one Enter instead of 3 Tabs + Enter
The idea is that you'll go to the next image though, not back. And
again, in Firefox it's one tab and enter, as it is the first link on
the page. If anything, IE should have a shortcut that takes you to the
page instead of to the different buttons in the browser itself.
>>> Well, it can be doen but I'm glad I have a mouse :-)
>
>> I find it easier without the mouse to be honest!
>
> You're young. At my age one needs some tools (glasses, hearing device,
> mouse, ..)
I think that once I'm gonna need glasses, I'll prefer my keyboard even
more. Those mousepointers are way too small, and it will take too long
to lift my old arm to get to the mouse, whereas the keyboard only
needs finger movement - hardly an excercise :-)
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 20:52:37 von Els
Bergamot wrote:
> Nico Schuyt wrote:
>>
>> - Image enlarged with Enter. How do I return? I read somewhere it should be
>> ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to work.
>
> Try just ALT + left arrow
That's the same as backspace I think?
--
Els http://locusmeus.com/
Re: Photo Gallery. What is best practice? List or Divs?
am 29.01.2008 22:30:29 von Nico Schuyt
Bergamot wrote:
> Nico Schuyt wrote:
>> - Image enlarged with Enter. How do I return? I read somewhere it
>> should be ALT + LEFT ARROW + BACKSPACE, but that doesn't seem to
>> work.
> Try just ALT + left arrow
Works! (just like the backpace Els mentioned)
--
Nico