Re: image puzzle

Moira:

Unfortunately, all the different images will have to load before most
rollover JavaScripts work.

An example of loading time can be seen at:
http://www.ramac-rc.org/floatfly.htm

This example is not a "clickable" rollover but it will give you some idea of
the loading time involved with multiple images. In this case, four.

Also note the small size and questionable quality used to try to keep the
loading times down to something workable. (We even placed the rollover
effect near the bottom of the page hoping that by the time the visitor read
the text, the images would have loaded.)

For multiple image effects, some of the things to consider are:

The time to load is proportional to the AREA of the image. Thus a picture
twice as large will take four times as long to load. (1x1=1 -- 2x2=4 --
4x4=16, etc. etc.)

Except for those few using very large monitors set to high resolutions, most
screens are somewhere around 72 pixels per inch. Images with significantly
higher resolution than, say 72-100 ppi are simply increasing load times for
little--if any--gain.

JPEG compression is the web designer's best friend. Use as much as you can
stand when viewing the results at the highest monitor resolution you expect
your visitors will be using.

Generally--it is faster to load a new page containing the same
objects--which have already been downloaded--than to load several large
images on the same page. Thus, several similar pages--each with the
different attributes applied--and a simple text set of self explanatory
links would be the better choice for loading times. This is assuming you and
your client can live with the look and feel.

The added advantage to using simple links to several different pages is that
it is browser neutral and that is the Holy Grail for most of us--Load Fast
and View in All Browsers --

Best wishes
Ted Temer
Temercraft Designs Redding, CA
temer(at)c-zone.net
www.temercraft.com/
www.newsredding.com/


> Hi
>
> I am trying to find the best way to do something and am hoping someone
could
> perhaps give me a good idea or even a meduim idea.
>
> I am working on an online gallery for an artist.  She has done some
drawings
> ( very beautiful and detailed) which I would like to have at a high
quality.
> I think she has about 3 so far.
> She is going to sell them with special coloured mount board as part of the
> whole picture ie it will be an important feature of the art.
> I thought that as I want the 3 drawings high quality I could show them and
> have the mount board change by a rollover sort of thing to save download
> time.  There is quite a number of mount boards and each effects the
drawing
> in a different way so I would have a small block and when the client puts
> his mouse over it then the background would change.
>
> I could possible even cheat and instead of using the mount board just use
a
> colour background or on the other hand scan a small piece of mount board
and
> have it as a tiled background.
>
> the problems are:
>
> 1.  This background tiled image or colour would be the background colour
of
> a table cell and not a whole page if I want the drawing to be centered on
> top and not changing with the mount board.
> Is this possible ie to have a rollover that changes the background image
of
> a table cell and not the image itself?
> Would it be able to change a table cell background colour?
> Is there a script for this?
>
> 2.  I think there was a second problem but can't remember it.  Perhaps I
> asked both questions in No. 1
>
> Thank you for any help
> love
> Moira
>
>

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA