Image Pre-load Script

L

lovelyd

Ok, I've been here peeping around. Read up and found that my images wil
show up just fine if I compress them
However, compression changes the image quality and I definately don'
want to do that. I have mostly picture based sites.

Now, I do know that there are image pre-load scripts out there. Is thi
the best option . .? To just stick with the image preload scripts . .
Do you have one that works best with publisher . .

Also, firefox is my browser of choice and I have the ie pluggi
installed. Howver I am worried that others will not view my site as i
views in ie or with fire fox and ie pluggin

Of course I will add the notice to my site "best viewed in ie". Othe
than that does anyone have in suggestion on the view of publisher site
in firefox . .
 
D

DavidF

Last question first: When you Publish to the Web, direct the HTML output to
a folder on your computer where you can find it. Then open IE, and File >
Open and browse to the index.htm file and open and test the site. Do the
same with FireFox in "FireFox mode" if there is such a thing, without the IE
plugin. You should be testing your design to see if it views and works
properly in both native browsers.

As to images, probably the most common reason for poor image quality is the
quality and size of the image that you insert. If you insert a 200 X 200
image, into a 400 X 400 image box in Publisher, then the image will be
distorted. If want the best result, then resize and optimize the images
before you insert them, in a third party image editing program, and under
Format Picture and the Size tab, make sure the scale is set to 100%. Do this
and chances are when you compress the images, they will look ok.

And even if you want to import the images instead of inserting them, then
you will need to optimize them. (The imported images will look better in
FireFox.) To import them, create a subfolder on your site called "images".
Upload your optimized images to that folder. Use the insert html code
fragment tool to insert:

<IMG SRC=http://www.yoursite.com/images/yourimagename.jpg ALT="Any text you
want to describe the image when you mouse over it">

Change the path to where ever you put the images folder, and of course make
the other obvious changes. The Alt tag is optional.

Place the code fragment box where you want the picture to be imported. Size
the box the size of the image.

Get this basic method down, and then you can play with the preload scripts.

DavidF
 
L

lovelyd

Wow, thanks I guess that's why they have these forums. My images wer
much too big. Some were still in the original size. So, of course
fixed that. Then I added the pre-load script to pre-load the bigges
images on the pages. The header, footer and main pictures.

No, I've just added a pop-up script that worked fine on the website I'
re-doing. Strangely it dosent' seem to work in publisher.However,
noticed that the code seems to be missing closing tags on all pictures


Like this
Header TEXT

POP UP SCRIPT
<script language="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',

'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,w

idth=500,height=500,left = 150,top = 100');");
}
// End -->
</script>
then the actual image :

<A

HREF="javascript:popUp('http://mysite.com/images/aug20052_2.jpg')"><IMG
SRC="http://mysite.com/images/aug20052_2.jpg" STYLE="width: 200px
height: 197px;"></TD>

on my previous site there is no </A> to close the link.
That has me somewhat confused because it works fine.

please help, thanks !
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top