pop-up info boxes

[fantasyD]

On my page, currrently I have pop-up boxes for the pics to be seen enlarged but I also want to have a description in that box. Can anyone help me with the codes for this? I am very new to page building and don't understand a lot of things.

[Mr J]

You could attach something like

<div id="display"></div>

and then use innerHTML to target that div.

Posting your url or your code will help us figure out exactly what needs to be done depending on your page layout

[fantasyD]

the url is http://www.fantasydancewear.com and most of the pages have clothing so ...in the popup boxes I would like to be able to put a description and prices. Any other feedback on this page would be appreciated.:)

[MotherNatrsSon]

I took some screen shots for you on a MAC in IE 5.1.6 and NS 7.

In IE 5 everytime I place my cursor over your menu on the left that error box comes up until I shut off the script. Also the second pic shows how the larger pics open in the pop-up without a scroll bar so you cannot view the large image.

In NS 7 the pop-up of the larger version of the pics does the same thing.

I may have to make another reply to get the pics up. even at lowest quality they may be too large.

MNS

[MotherNatrsSon]

next

Hope those help

MNS

[MotherNatrsSon]

Ok what happened? A post just diappeared.......

MNS

[fantasyD]

so how do I change those things?

[cg9com]

Well, without making drastic changes, you can just allow scrollbars in the popup windows, so at least its flexible that way.

You can just references new documents with the picture embedded on it, instead of linking to the picture, while it would take more files, you could customize it completely.

[Mr J]

At 1200 x 1600 your images are way too big on dialup they will take forever to download

[fantasyD]

are there that many people on dial-up still? so , the bottom line is.....if you were looking for stuff like this...my site would be passed over quickly because I have all these problems with size of pics...and browser compatibility. Am I right?

[Mr J]

Unfortunately yes or maybe yes, image size is of major importance.

Just imagine if it takes 1 minute to download one of your images and you have 20 on your page, thats 20 minutes just for images on 1 page, and thats on a good day.

I know I would not wait that long.

Your thumbnails want to be about 100x100 and the big pics, well maybe 400 x 400 and I'm talking the actual image size and not the height and width you set in the image tag.

I have been having a look at one of your pages with respect to the popup.

Take a look at the file in the zip

I can put you in touch with someone who knows a lot more about images than I do, she might give you some advice

[ronaldb66]

DO NOT create thumb nails by downsizing 1600x1200 pixel images using adjusted image height / width; use a graphics package of some sorts to create thumbnail pictures that are actually thumbnail size. Having browsers resize images may seem like a very appealing solution, but it's a very bad one in almost all cases. I'm on a fast network connection and the images already took several seconds to load and it almost froze up completely when i had the audacity to click on "Custom made".
I wonder why you bother using iframes anyway; simply having everything on a single page seems much simpler.

After I actually woke up:

I'd suggest coming up with one design for a logo (Fantasy Dance Wear) and stick with it; from it you could derive a page header and maybe a smaller logo to use here and there on the site. Currently, your home page is riddled with at least six versions of what could pass for a logo, four of which are in the page header alone. That's a bit over the top, IMO.
Besides that, all those large graphics don't necessarily enhance the site and increase load times considerably.
Furthermore, reconsider that somewhat dull, grey background color.
Your home page pointlessly mentions that the site is best viewed at 1024 x 768; for most pages however there's no reason why they shouldn't fit a maximized window at 800 x 600. If you feel the need to optimize for 1024 x 768, that's your choice, but at least make it fit 800 x 600 where it's perfectly feasable.
Your home page contains a footer with a.o. a copywright statement, however I missed that on other pages; I'd suggest including that footer on every page, perhaps making it stand out a bit more as a footer.

[MotherNatrsSon]

As far as fixing the menu script, unfortunately I have no idea. I do not know javacript.

I have a page on my site that has smaller pics that open in a new layer using a script I found at Dynamic Drive. The only problem with that script is in IE 5 for mac the layer that pops up right hand border stay "stuck" to the right hand page border but it works in every other browser fine.

Do you have Photoshop or Fireworks ar a similar type graphics editor? I know in Photoshop you could resize the images and include a description right in the larger version and save it all as a jpeg. I will attach an example. The pic I attached takes 3 seconds to load at 56k and is about as big as I would go. Maybe a little bigger if you want but it will slow down with an increase in size.

I am also viewing your site at the resolution you specify but it still does not fit in the window completely. I agree with others about the 800x600 resolution size because it is the most widely used screen resolution according to web stats and is almost a "standard"(LOL)......

If you do not have an editor and need pics resized, you can email them to me and tell me what size you want them and I will send them bac to you, optimized and ready for the web.......

Hope this has helped you some.

MNS

[ronaldb66]

Why not reverse your approach and serve up a list of items with a thumb nail, a description, available sizes, prices and what have you on each row, and have the thumb nail link to a bigger picture in a seperate window? That way you offer all the necessary info at once and at the same time give those users that wish so to see a bigger version of the image. Talking about bigger images: you really don't need a 1600 x 1200 image to get a decent impression of what a certain item looks like: 800 x 600 will do nicely and slashes your image file size down to a quarter. I tried one example and went from a whopping 5.4Mb to a more manageable 1.3Mb.

On a different note: your present menu contains quite a lot of choices. You may want to consider introducing a second level of navigation, bundling "Custom made" up to "Shorts/tops" into, say, "Products", and have that menu choice expand into the different categories. This approach makes the main menu compacter and offers you more flexibility in the Products category when you wish to expand or rearrange the item categories.

[fantasyD]

wow.....thanks for all the input I guess I better resize those pics. I have paint shop pro7and I can resize them with that. I'm not very good with the html stuff yet, A friend of mine has built the page and I'm changing things to 'see what happens' and learning that way.
As far as the iframe removal, I really have no idea how to do that. I have briefly checked out the tutorials, but it sounds like I almost have to start from scratch, would that be the case? I do want to make my page as easy to navigate as possible, so I really appreciate the consrtuctive criticism!:)

I will try and make these changes and check back in for further critiques!:D
Thanks again:thumbsup:

[fantasyD]

I also wanted to add that I now am really glad that I came to this forum because it seems as though I've had blinders on when it comes to this stupid page.:) On my computer it looks great! It doesn't have errors it fits fine.. ..I can see everything and it looks ok to me. (Well it doesn't, I know there are things wrong).

I have changed the pic sizes....now does this help a bit?
Thanks

[MotherNatrsSon]

The smaller images work much better. Now I would change the size of the pop-up to match the image size. BTW, the only page it seems you changed the images on was the "custom" page???

MNS

[fantasyD]

hehe......I think I got sidetracked with something and didn't get down the list. :D

What size for the popup? On my screen they look pretty much like they did before in every way except not quite as clear. It's still really clear but not like it was in comparison.