HTML - Background Image Load Speed?

Hi !

I want to delay loading an image (Logo.gif) a while while the backgound image is loading.
How ?

/Bertil

Hello,

Could someone please help I have made a very simple site

http://www.101.dentalcompanion.com

I placed a <span> image to sit on top, it works when crome opens but in internet explorer and firefox the image does not open.

I also added the same image in a <div> tag in the siidebar and the same issue crops up.

i thought I had it worked out but I just can't seem to make it work.

Thank you ever so much.

kama

I have a very strange intermittent problem that I can not figure out. Sometimes, one image on my page does not load. When it does not load the image in the <div> next to it is in its place, and next to that image there is a blank spot the size of the image that did not load.

The part that really confuses me is that when I view that pages source the <img> tag is there with the name of the image. The name of the image is rather long, about 25 characters long. The first thing I am wondering is if a long file name might prevent the image from loading. I doubt it... but, I don't know what else to consider.

Here is what that section of code looks like:

<div class="noBorder">
<a href = "http://www.luckygamez.com/"><img src="img/Lucky_Top_312_90_Bubble.jpg"width="312" height="90" vspace="0px"/></a>
</div>

Thanks,
Matt

This is giving me serious grief.

I've set up an index page containing a number of thumbnail graphics.

One of the images (the 12th) loads fine in IE7 and Safari, but not in Firefox 3 or Opera.

Here's the link:

http://www.pragma.pwp.blueyonder.co....ono/index.html

Any thoughts?

Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times...

so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript.

thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet)

http://www.paulodourado.com/

Hi,

I want to add some flash to my header image on my website.

Before i add the flash i was wondering if there was any code i could use to first check if flash is installed and if not for it to just ignore the flash and load the background image.

The flash is just going to be an animation of my logo.

Is there something i can do similar to when you use code to check for browser version?

If the person has not got flash installed i don't want them to be promted to install it i just want it to load the static logo image which will be set as the background image behind the flash. For people with flash already installed i would like the flash annimation to load.

Any ideas on if this is possible would be appreciated

Thanks in advance

CC_DESIGN

ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show.

I think the sprite is confliction in some way, dont see a way to put my finger on it:

It concers this page, the red square.

the whole Navbar:

Code:

<ul id="navigation">
<!-- SVIB ww / er -->
 <li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li>
 <li><a id="bol_1" href="?page_id=187">1</a></li>
 <li><a id="bol_2" href="?page_id=189">2</a></li>
 <li><a id="inloggen" href="inloggen.php">3</a></li>  
 <li><a id="bol_3" href="?page_id=55">4</a></li>  
</ul>

and the CSS, which is pretty important in finding the error i believe:

Code:

 
#navigation {
padding:0;
margin:0;
list-style-type:none;
margin-top:-511px;
margin-left:560px; 
	
 }
#navigation a {
    display:block;
    width:131px;
    height:128px;
    background-image:url(../img/nav/svib_compleet_sprite.png);
    text-indent:-9999px;
    outline:none;
 }

/*TERUG*/
  #bol_4  {
	width:40px;
	height:81px;
	position:relative;
 	top:4px;
	left:4px;
	border:0;
 }
#bol_4:hover {background-position:81px 0;} 

hi,

i have an image rotation code, but its working on switching the code on a timer, and i want it to appear randomly on the page load. anybody know how to change the code? i have the timer part of it below.

thanks in advance.

var interval = 1.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = sequential, 1 = random
interval *= 1000;

Hi,

I'm a complete newb and html-challenged, so please forgive my stupid questions.

This is what I want for the personal website I'm making: a fixed image as the background that covers the entire screen regardless of what screen resolution a user's computer has - this much I've managed with CSS...I think (like this right? http://www.geocities.com/serenamonster/index.htm ) clickable regions on this background image to use for navigation to various parts of the site. Or in other words, the background image as an image map. - this I'm having trouble with, because you have to designate the picture as a set # of pixels in dimension to make an image map right? and if I do that to my background image, then it may display too big or too small depending on the person's screen resolution right?
So does anyone know how I can have clickable regions on my fixed background image without the image being too big for low resolutions or too small for high resolutions? (he http://www.geocities.com/serenamonster/map.html the background image is fixed at 800x400. I want to make each star on the image a hyperlink to a different part of the site). I read somewhere that standard is 800x600 to fill a person's browser right? But on my computer the image only covers about 2/3 of the browser screen which is too small. How can I make it so that it fills 100% of any viewer's screen regardless of resolution? How does it look on your computer? I know these are probably just really stupid questions because I'm missing something really fundamental...but any help would be greatly appreciated! Thanks!

~Serena

P.S. is it possible to do mouseovers for certain coordinates on an image map?

Hey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page.


Here's a link to the site(don't mind the simple, crappy layout)

http://s2roots.com/random/done/

Please any help would be great, this is a project due by Wed.

Hello, I have a simple html form drop down list as a quick reference and link to pages on my site. It is not nested with subcategories, however there are still hundreds of options in the list, and it is causing the page load time to slow considerably.

When the list is created dynamically it is painfully slow. I tried to speed things up by making a static html file of the code and using INSERTFILE on my pages. This helped a little, but not enough to suit me.

Is there a way to cache this code snippet, or something like that, to speed up the load time?

Thanks!

Hi Guys,

Firstly i apologise if this in the wrong section of the forum, please let me know.

My problem:

I have designed a webpage for my DJ services in Photoshop and plan to slice it up.
The first problem is my background. I designed it myself so its not simple. Basically i dont have a clue on how i should export the background from CS5 or how to implement it into my website on dreamweaver cs5.

Also i want to export my images once sliced from Photoshop with a transparent background, how would i do this?


Thanks for any help

Raver910

Hello All,
I hope this is a good place to ask my question. I was working on a a webpage and tinkering with two different screen capturing software to capture my website then all of a sudden I realized I can no longer see the background of my webpage. I can go online and see background images of someone else webpage but no the webpages stored on my computer. If anyone has any idea about the cause of the problem please help.

This is the current script I am using for background change upon a timer, does anyone know how and where I can add a no bg repeat and position the image on the bottom left?

Any help would be great! Thanks

<script type="text/javascript">

var bgImages = new Array();
bgImages.push("/image/girl.gif");
bgImages.push("/image/girl2.gif");
bgImages.push("/image/girl3.gif");

//bgImages.push("URL HERE");

function LoadRandomBackground()
{
var randomImageIndex = Math.floor(Math.random()*bgImages.length)
document.body.background = bgImages[randomImageIndex];

}

function StartBackgroundRefreshTimer()
{
var timer = setInterval('LoadRandomBackground()',10000); // 10 seconds
}


</script>

</head>

<body onload="LoadRandomBackground(); StartBackgroundRefreshTimer()">

i'm trying to set an image from my harddrive as the background but it doesn't seem to be working. I've been trying <body background="image location.jpg"> but it doesn't work. Any thoughts or solutions?

thanks