HTML - Image Doesn't Always Load...

Hi !

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

/Bertil

Hey,

I am using a background image on the body section of my page; however it loads very slowly. I there a way to speed up the load speed without reducing the clarity or detail of the image using either CSS or HTML?

Right now the image is 2.2 MB, which is part of the problem. But when ever I shrink the size in gimp, the detail of the image is reduced..

Thanks!

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

www.jessicaloewen.com

You'll see at the very top that the alternate text "menu" shows rather than my jpg Why is this and how do I fix it?

If you click "view image" it will open the proper image in a new menu.

It displays fine in Firefox - what am I doing wrong?
(the image in question is 1/3 of the way down floated to the right of 'Snowshoeing and Winter Walking'
It works if I pop the div inside the h2 tag but doesn't validate...

http://www.colletts.co.uk/new_winter/slidedivcmh.html

Code:

div.floatedright { width: 238px; float: right; margin-left: 21px;}

.righttext {width: 100%; display: inline; text-align:right; color: #211d70; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-style:italic; float:right; font-weight:normal; letter-spacing:normal; text-transform: none;}

HTML Code:

<div class="clearer"></div>

	</div>
           <div class="floatedright">
<a rel="shadowbox" href="img/snowshoeing_in_the_dolomites_arabba.jpg" title="Ideas &amp; Information, Maps &amp; Route Laminates" class="option"><img src="img/snowshoeing_in_the_dolomites_arabba_sella.jpg" alt="Snowshoeing on the Sella Shelf above Arabba" width="238" height="267" longdesc="http://www.colletts.co.uk/images/colhol_map.jpg" /></a>
<div class="righttext">Snowshoeing above Arabba</div>
</div>   
          <h2 class="minortitle"><a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Snowshoeing</a> and <a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Winter Walking</a></h2>   

		    <p>And yet this area is not the exclusive terrain of skiers. Away from the ski fields, a separate winter paradise unfolds for walkers, snowshoers and cross-country skiers. Delightful trails meander alongside rivers and streams, through woodland and across winter meadows between enchanting Tyrolean hamlets and villages, which huddle around the spires of their picturesque churches.</p>
            <p>Higher up, snowshoers experience the exhilaration of virgin snow on a labyrinth of waymarked routes, traversing the hidden snowfields, which undulate between a seemingly unbroken rim of spectacular peaks. Here, you could hear a pin drop, but for the vocal appreciation that persists amongst walkers and is the inevitable result of such an inspirational situation.<br /></p>

Okay,

I received some pictures from a fashion designer to use for her Web site. I first tested the code by using a different image that I found on Google and it worked. However, when I used her image it was broken. The next option I tried was I used my photobucket account and make an HTML reference to the image. Even when I upload it to photobucket it gives me an error.

So...I don't know if it's still my problem or possibly she gave me the wrong product. The images were .jpg.

Here's the image code I tried:

<img src="/pictures/ct1.jpg"/>

If it's not the code, then what can I do to make sure she gives me pictures that work?

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;

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;} 

For some reason my images won't load when I use this CSS:

Code:

div.containerName
{
background-image: url("file://I:\primelocation\images\stats.png");
}

I KNOW the link is correct because whenever I use it with the img tag it works just fine. I've tried multiple different images in different Div containers and none of them work. Any ideas?

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.

So. I was havin problems with png files (the transparency issues with IE6 and lower) so had to redesign the site ....so that now the page is basically a bunch of cells with sliced images inside each one. unfortunatly when the page loads, some cells load faster then others...meaning the page kinda loads by pieces....i am looking for a solution to this.
1. either how i could have designed it better to begin with.
2. how i can hide the images until all are loaded.
3. how i could just generally speed things up.

the site is at
http://www.meshowventures.com/brutal...mance/main.htm

thanks!!

Hello

I wonder is anyone could help me with this problem. I have the following code :

<script language="javascript">

function form_submit() {
document.registration_form.operation.value = '';
document.registration_form.edit_refresh.value = '1';
document.registration_form.submit();
}

</script>

<input type="checkbox" name="tax_account_type" value="1" onclick="form_submit();" <? echo ($user_details['tax_account_type']) ? 'checked' : ''; ?>

When the checkbox is checked, the tax account type is obviously set to 1, the page refreshes and an additional tax registration field is displayed further down the web page.

I would like to remove the above checkbox altogether so the page loads with the additional tax registration field automatically. I assume i need to modify the function code so it changes the tax type on load but not sure of the precise coding.

Any help would be apreciated.

Many thanks

James

okay so i have tables built with images set as the background property of the table sections to created a rounded graphical appearance to the tables. the problem is that when the page loads without being cached on the clients end for the first time it builds the site in a choppy method. you see each image come up one at a time and it builds the tables, after its cached that goes away until you dump your cache in your browser.

so what im wanting to know is, is there a way (other than server side compression) to reduce or remove this choppy load time, so its just like.. blank page then BAM! full page, like a way to force precaching or make it so fast that you cant visually see the tables being built before they are cached?

www.wiffleague.com/main.php


so heres some things i tried:
- making the images as small as i know how (they could be smaller i guess, im not sure how to do that though)
- reducing the amount of images to the bare minimum required to render the tables properly
- removing redundant html code from the tables such as 'width="100%"' from some of the td fields when a prior row already has the width set properly, thus the columns still align properly but there is less code to process


some things that are not suitable solutions:
- get a faster server
- put less content data on the page
- only use _____ browser
- use apache's gzip compression to force the images even smaller than they already are during transmission then the browser decompresses and renders them

I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it!