Reading mode: Light Dark

My website

Go to last post
P

Patty88

Senior Member
Messages
1,808
Reaction score
0
Location
US
Hello STF'ers...

My website is working. It is still under construction, but the photos are working and the guestbook to. You can also contact me.
There have to be some finishing touches, but it's almost done.

Hope you guys/ladies like it!

Would love to hear it.

My elder one is http://patty88.maze-online.nl

My new one is: http://patty.maze-online.nl

The elder one is made in HTML. The new one in PHP/MSQL.

Wanted to share and hear your opinions.
--
http://patty88.maze-online.nl

sneak preview, not done yet:
http://patty.maze-online.nl
------- H1 ---------
 
Very nice Patty, you can be proud of the photos you have made, very, very well done and I like the Gallery. Girl, you really get some sharp,detailed shots.
--
Jerry
Sony p52, H-One, H-Five All asscessoy lenses
http://www.pbase.com/tocarver
 
hi patti

i didnt get a chance to go thru both of them all, but i think your new banner is a great improvement from your old one

ill check back later

--
There's no crying in photography.....

unless you forgot to charge your batteries.

 
Patty, as you well know, I really like your work! It is great!

I basically like the web site layout but I'm trying to figure out why it takes so long to load the thumbnails. It almost looks like it loads the large size image and makes a thumb from that. Can that be?

--
Busch

Take the scenic route! Life is too short to do otherwise.

http://www.pbase.com/busch
 
Busch, I agree. It took so long before you could see the image. I'll ask my boyfriend if he can do something about it. It's irritating, because it takes so much time to look at all the photos this way..

He made this website and I can't thank him enough! Im so glad with the site, but it's still not finished.

He still has a lot of work to do. Hope he will be ready soon. :)

Thank you all!
--
http://patty88.maze-online.nl

sneak preview, not done yet:
http://patty.maze-online.nl
------- H1 ---------
 
Patty,

I think Busch has it right - the page is loading the full size images in the background. The five form: get-image buttons (thumbnails) display:



but there are actually 10 in-line images (1.3MB) loaded:



It's a very nice layout, by the way.

(but the page took more than 4 minutes to load on my dialup!)

--

rich
 
So I went straight there, but nothing came up. I guess you didn't finish that part yet. And even when you do, there won't be any photographs of you. Anyway, I'm interested to hear more about you.
I like your photos. I've looked at them before.
John Dunn
 
Patty88 said:
Thank you. Do you know if I can change it?
Click to expand...
Actually, the HTML coding is the same as in your old page. You are loading the image as both the thumbnail ( img src= .... width="100" height="100" border="0")

and the actual size image which appears when you click on the thumbnail (a href=...)

using your Sunsets page as an example:

old page- patty88.maze-online.nl:

td class="photocell"
a href=[snip] lucht3.jpg" target=" blank"
img src= [snip] lucht3.jpg" alt="Sunsets" width="100" height="100" border="0"

new page - patty.maze-online.nl

td class="photocell"
a href="[snip] flowers2.jpg" target=" blank"
img src[snip] flowers2.jpg" alt="Flowers" width="100" height="100" border="0"

the difference is in the file size. The images on your first page are small:

eg: lucht3.jpg = 32K

number of inline elements: 8
size of inline elements:241K

so the eight images load fairly quickly

on your new page:

eg: sunset2.jpg = 304KB

number of inline elements: 10
size of inline elements: 1.3MB

so the ten images @1.3MB take longer to load

Not knowing how td class="photocell" is coded, I don't know how to change the effect that it is creating.

Another solution is to use traditional coding of a thumbnail page, or frames, both of which load a smaller file size image which then clicks to load the larger image.

--

rich
 
Haha, thank you John!

That part is, indeed, not finished yet! There will be only 1 photo of myself, because I don't want to be on photos.

But I found that part of the site less important (actually, not important at all.. ;))

Thanks for your compliment :) and for your reply. :)
--
http://patty88.maze-online.nl

sneak preview, not done yet:
http://patty.maze-online.nl
------- H1 ---------
 
But the problem is the thumbnails. They are being resized on opening, but even worse, their aspect ratio is being changed. When I look at the portraits (other) page, several of the images are "squashed", which looks unnatural. That is because the way it is set up, it is being resized on-the-fly, fitting a rectangular image into a square "slot".

You probably need to shrink and crop your images as separate thumbnails before uploading (I wrote a program to do this for my site) or else they will always be distorted and slow.

Dynamically sizing in HTML is really hard to do. It requires some major Javascript programming. And you have to know the size of the image before it is loaded.

--
=~ AAK - http://www.aakatz.com
=~ Author of the H-Series White Paper
=~ http://www.aakatz.com/h1whitepaper
 
Patty, if your website is based on php, it's REALLY easy to include a function that automatically generates 1kb thumbnails of all your images. Also, having an image upload function (so that you never have to upload via ftp) that will automatically resize to 800px (or whatever you prefer) at the longest end AND create a small thumbnail, is just a bit of extra work, but still easy to implement.

If you're interested, email me the main php file and I'll modify it for you, or if your boyfriend wants to take a stab at it, here's a page to start him off: http://www.php.net/features.file-upload -- it's simpler than it looks :)

btw some posters have mentioned that your website is creating your thumbnails on-the-fly... that's incorrect. It's just taking your original images and rendering them in a fixed length x width area (and distorting them). The idea of creating on-the-fly thumbnails is to actually make a temporary copy of an original image, resampling it to some given dimension, displaying it on screen, and then deleting the temporary image once it's loaded into someone's browser. That's not what your website is doing right now, and for image galleries it's not what you actually want to do anyways. What you want is permanent, automatically generated thumbnail versions of your images that are ready to load at all times as links to the original images. Sounds confusing? ;)
--
Martin -- http://mjp.pixelpeep.com
'those are my principles, and if you don't like them... well, I have others.'
 
AAK said:
Dynamically sizing in HTML is really hard to do. It requires some
major Javascript programming. And you have to know the size of the
image before it is loaded.
Click to expand...
Hi Alan, actually it's not hard at all to do this, and without any javascript required. Since her pages have been developed in php, there are built-in functions to take care of that. But, if she optionally wanted, for example, an image popup window that's perfectly sized, then yes, you can add a tiny piece of javascript code to the image tag with L x W values already dynamically passed into it from the php variables. The javascript bit is optional, and pretty routine stuff actually ;)
--
Martin -- http://mjp.pixelpeep.com
'those are my principles, and if you don't like them... well, I have others.'
 
Yes, indeed! It sounds very confusing to me, but after reading it a few times I got it.

Really great you want to help me, but I think my boyfriend really wants to learn this. So I'll give him the link.

But, once again, very kind of you! I really really appreciate it!
--
http://patty88.maze-online.nl

sneak preview, not done yet:
http://patty.maze-online.nl
------- H1 ---------
 
Yes, the coding may be in php but the output is 100% html... php gives you the added ability to output the html dynamically, based on any number of factors that are coded in.

As for web space, a 120px-150px wide thumbnail can be 2k-3k or even less... so, for example, 1000 thumbnail images would require about 2mb - 3mb extra space on the server, no more. Also, if you keep the website as it is right now, you're actually wasting your bandwidth, and if you happen to get a lot of visitors to your gallery, you may end up with a bill from your provider for exceeding your bandwidth limit.

Believe me, there's a LOT less to this than it seems :)
--
Martin -- http://mjp.pixelpeep.com
'those are my principles, and if you don't like them... well, I have others.'
 
mschf said:
Member said:
Dynamically sizing in HTML is really hard to do. It requires some
major Javascript programming. And you have to know the size of the
image before it is loaded.
Click to expand...
Hi Alan, actually it's not hard at all to do this, and without any
javascript required. Since her pages have been developed in php,
there are built-in functions to take care of that. But, if she
optionally wanted, for example, an image popup window that's
perfectly sized, then yes, you can add a tiny piece of javascript
code to the image tag with L x W values already dynamically passed
into it from the php variables. The javascript bit is optional, and
pretty routine stuff actually ;)
Click to expand...
I know how simple that is. That's how my own site works (no PHP, though), but, on the other hand, I've been a programmer for 24 years! :-)

No idea what the skill level of Patty's designer is.
Member said:
--
Martin -- http://mjp.pixelpeep.com
'those are my principles, and if you don't like them... well, I
have others.'
Click to expand...
--
=~ AAK - http://www.aakatz.com
=~ Author of the H-Series White Paper
=~ http://www.aakatz.com/h1whitepaper
 
Patty, you're faced with two options:

A little bit more disk space (a really "little bit" compared to the original images), vs. an unnecessarily slow site that eats up bandwidth with out-of-proportion thumbnails that may discourage people from clicking trough to see the full-size image.

To me, that's not a good trade-off. Thumbnails are so small (and can be even smaller if you just lower the .jpg quality a bit - not a big deal for thumbnails - and it's easy to do.

--
=~ AAK - http://www.aakatz.com
=~ Author of the H-Series White Paper
=~ http://www.aakatz.com/h1whitepaper
 
You must log in or register to reply here.

Keyboard shortcuts

f
Forum
m
My threads
Mobile site
About
Editorial content
Cameras & Lenses
Community
All content, design, and layout are Copyright © 1998–2025 Digital Photography Review All Rights Reserved.
Reproduction in whole or part in any form or medium without specific written permission is prohibited.
When you use DPReview links to buy products, the site may earn a commission.
©GPS Media - Guides, Products, Services.
Back
Top