5 svar · 249 visningar · startad av Esen
Håller på att greja lite med sidan och har några stora bilder som ska laddas, Men för alla som sitter på lite sämre uppkoppling tar detta lite tid och kan man på något sätt göra att övriga sidan laddas först och sen så laddas bilden/erna i bakgrunden och sen när dom e klara så kommer dom fram...
Alltså att man ser resten av sidan, Så man slipper vänta så länge?
Någon som har något tips på hur man kan göra?
En proxy av ngt slag kan väl fungera!
Mc Fetto skrev:
En proxy av ngt slag kan väl fungera!
okey, Men tänkte inte så mycket för min del, utan för mina besökare och då kan man väl inte använda någon proxy av något slag? För då måste väl besökaren ha det på sin dator?
Tänkte mer något slags script som gjorde så att sidan laddas förre bilderna och sen att bilderna laddades i bakgrunden och kommer fram när dom e helt färdigladdade...
Ge bilderna width och heigt så brukar det lösa sig själv, med *.jpg kan du ju även spara med "progressiv" (bilderna "tonar" fram). *.gif/*.png har en motsvarande som heter "interlaced"
Testa att göra så här:
Lägg in img taggarna där bilderna skall vara.
Sätt en transparent bild på 1 x 1 px som src
Gör ett onloadevent med javascript som laddar de nya bildaddresserna först när sidan är färdigladdad.
<script type="text/javascript">
<!--//
window.onload=function(){
img1.src="jättestor_bild1.jpg";
img2.src="jättestor_bild2.jpg";
};
//-->
</script>
...
<img name="img1" src="transparent_pixel.gif" widht="500" height="700">
<img name="img2" src="transparent_pixel.gif" widht="500" height="700">
...
Jesper T skrev:
Testa att göra så här:
Lägg in img taggarna där bilderna skall vara.
Sätt en transparent bild på 1 x 1 px som src
Gör ett onloadevent med javascript som laddar de nya bildaddresserna först när sidan är färdigladdad.<script type="text/javascript"> <!--// window.onload=function(){ img1.src="jättestor_bild1.jpg"; img2.src="jättestor_bild2.jpg"; }; //--> </script> ... <img name="img1" src="transparent_pixel.gif" widht="500" height="700"> <img name="img2" src="transparent_pixel.gif" widht="500" height="700"> ...
Okey, Ska testa detta...