![]() | |
![]() |
| | Thread Tools | Display Modes |
#1
| |||
| |||
|
#2
| |||
| |||
|
| http://amazinggraves.com/htm/pages/00006.shtml The CSS: http://amazinggraves.com/htm/pages/gallery.css |
#3
| |||
| |||
|
|
Use your browsers controls to make the font larger. Admire how the text overlaps when it wraps to two lines. You should never have to specify line-height, and never, ever, line-height: .5em; Cheers Richard. |
#4
| |||
| |||
|
|
I've been playing around with this for a few days and have finally come to the conclusion that I need to downsize many of the photos from a max of 500px to 400px and will be working on that. |
|
which uses frames for photo display and will be converting that over to CSS in the future but I've been able to find very few photo display sites that don't use frames, pop up windows, etc. If anyone can point me to a good example of using CSS in a photo gallery scheme I would appreciate it. In the meantime this site validates as xhtml strict and css compliant but I would like a second set of eyes looking at it and comments would be appreciated. My intent is to display the pics in a smooth "slideshow" method and am trying to avoid the typical site with rows of thumbnails and the requirement for the viewer to have to constantly use the "back" button. |
|
There is no home page yet, I'm designing "backwards" (content first). http://amazinggraves.com/htm/pages/00006.shtml The CSS: http://amazinggraves.com/htm/pages/gallery.css Thanks Andy |
#5
| |||
| |||
|
|
What you deprive the viewer of, on the other hand, is random access to the images. I've seen the site of exactly one photographer who was so good that I felt willing to accept the ordering of his slideshow. Generally, it just not a good idea. |
#6
| |||
| |||
|
|
The number of pixels is important, but you can also save .jpg images at lower quality and reduce its size a lot. The amount depends on the image, but I can usually get away with 33% to 50% quality without losing anything a human eye can easily pick up. |
| What you deprive the viewer of, on the other hand, is random access to the images. I've seen the site of exactly one photographer who was so good that I felt willing to accept the ordering of his slideshow. Generally, it just not a good idea. |
#7
| |||
| |||
|
#8
| |||
| |||
|
|
I've been playing around with this for a few days and have finally come to the conclusion that I need to downsize many of the photos from a max of 500px to 400px and will be working on that. I have another similar site which uses frames for photo display and will be converting that over to CSS in the future but I've been able to find very few photo display sites that don't use frames, pop up windows, etc. If anyone can point me to a good example of using CSS in a photo gallery scheme I would appreciate it. In the meantime this site validates as xhtml strict and css compliant but I would like a second set of eyes looking at it and comments would be appreciated. My intent is to display the pics in a smooth "slideshow" method and am trying to avoid the typical site with rows of thumbnails and the requirement for the viewer to have to constantly use the "back" button. There is no home page yet, I'm designing "backwards" (content first). http://amazinggraves.com/htm/pages/00006.shtml The CSS: http://amazinggraves.com/htm/pages/gallery.css Thanks Andy |
#9
| ||||
| ||||
|
|
I need to downsize many of the photos from a max of 500px to 400px |
|
I have another similar site which uses frames for photo display. |
|
My intent is to display the pics in a smooth "slideshow" |
|
trying to avoid the typical site with rows of thumbnails and the requirement for the viewer to have to constantly use the "back" button. |
#10
| ||||
| ||||
|
|
I need to downsize many of the photos from a max of 500px to 400px |
|
I have another similar site which uses frames for photo display. |
|
My intent is to display the pics in a smooth "slideshow" |
|
trying to avoid the typical site with rows of thumbnails and the requirement for the viewer to have to constantly use the "back" button. |
![]() |
| Thread Tools | |
| Display Modes | |
| |