Får ej JavaScripten att fungera tillsammans...
30 svar · 647 visningar · startad av macgunde · sida 2 av 2
Tackar och bugar , nu funkar det
kan man skriva så här i preloaden då?
var preloadFlag = false;
function preloadImages() {
if (document.images) {
ky_praktik_over = newImage("../bilder/ky-praktik_over.jpg");
ky_over = newImage("../bilder/ky-over.jpg");
vanner_forum_over = newImage("../bilder/vanner-forum_over.jpg");
vanner_over = newImage("../bilder/vanner-over.jpg");
praktik_ky_over = newImage("../bilder/praktik-ky_over.jpg");
praktik_over = newImage("../bilder/praktik-over.jpg");
fritid_over = newImage("../bilder/fritid-over.jpg");
fritid_ky_over = newImage("../bilder/fritid-ky_over.jpg");
forum_over = newImage("../bilder/forum-over.jpg");
forum_vanner_over = newImage("../bilder/forum-vanner_over.jpg");
aboutme_over = newImage("../bilder/aboutme-over.jpg");
contactme_over = newImage("../bilder/contactme-over.jpg");
pic.src = "../bilder/pilv.jpg";
pic.src = "../bilder/pilh.jpg";
pic.src = "../bilder/pdf.jpg";
pic.src = "../images/fritid/fritid.jpg";
pic.src = "../images/fritid/01.jpg";
pic.src = "../images/fritid/02.jpg";
pic.src = "../images/fritid/03.jpg";
pic.src = "../images/fritid/04.jpg";
pic.src = "../images/fritid/05.jpg";
pic.src = "../images/fritid/06.jpg";
pic.src = "../images/fritid/07.jpg";
pic.src = "../images/fritid/08.jpg";
pic.src = "../images/fritid/09.jpg";
pic.src = "../images/fritid/10.jpg";
pic.src = "../images/fritid/11.jpg";
pic.src = "../images/fritid/12.jpg";
pic.src = "../images/fritid/13.jpg";
pic.src = "../images/fritid/14.jpg";
pic.src = "../images/fritid/15.jpg";
preloadFlag = true;
}
}
Nu skall vi göra det så simpelt som möjligt. Ta bort all tidigare förladdningskod och använd istället koden nedan:
var imgs=[
"bild1.jpg",
"../images/bild2.gif",
"../../images/bild3.png",
// o.s.v.
];
function preload(){
var l=imgs.length;
for(var i=0; i < l; i++){
(new Image()).src=imgs[i];
}
};
preload();
Det enda du behöver göra är att lägga till sökvägarna till bilderna i fältet imgs.
:)
ok tackar :)
Kan man använda en preload på en laddningsida där alla bilder laddas upp i cacheminnet och skickar vidare användaren till själva hemsidan... ifall du förstår... :)
Peter S skrev:
David Schontzlers "Stilleye Media Preloader" kanske kan vara någonting?
:)
PERFEKT... tyckte att jag såg att den avläste hur snabbt bilderna preloadas... :) Ska kolla ifall det är fritt att använda annars får man väl försöka hitta något fritt eller att försöka skriva ett eget med hjälp av detta...
Tack för all hjälp. Jag har nog ställt en massa dumma frågor, men det är inte lätt i början... ;)
Mvh Daniel
danielpeterson.cjb.net
Ifall man vill ha länkat till en annan sida tex start.html, hur ska man bära sig åt då?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>seLoader</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">@import url(../../archived/v1/pgStyles.css);</style>
<style type="text/css">
/* Container of Loader */
#seLoader
{
width : 200px; /* set width of loader */
z-index : 1;
margin : auto;
}
/* Box around loadbar */
#seLoadBox
{
height : 12px; /* set height */
z-index : 3;
border : 1px solid;
padding : 1px;
background-color : #efefef;
font-size : 0px;
text-align : left;
}
/* loadbar */
#seLoadBar
{
width : 0%;
height : 100%;
z-index : 4;
background : #f90;
}
/* text (%) */
#seLoadTxt
{
z-index : 5;
margin-top : -14px;
font : 10px Verdana,Geneva,sans-serif;
}
</style>
<script src="seLoader.js" type="text/javascript"></script>
<script type="text/javascript">
load = new seLoader('../../archived/v1/gfx/') // make loader object and set the directory (dir optional)
load.runAtEnd('alert("Done Loading Images")') // run a script after loading (optional)
load.setImgs // set the images
(
'images/bakgrund.jpg','images/start.jpg',
'images/ky/ky.jpg','images/ky/01.jpg','images/ky/02.jpg','images/ky/03.jpg','images/ky/05.jpg','images/ky/06.jpg','images/ky/07.jpg',
'images/ky/08.jpg','images/ky/09.jpg','images/ky/10.jpg','images/ky/11.jpg','images/ky/12.jpg','images/ky/13.jpg','images/ky/14.jpg','images/ky/15.jpg',
'images/praktik/praktik.jpg','images/praktik/01.jpg','images/praktik/02.jpg','images/praktik/03.jpg','images/praktik/04.jpg',
'images/praktik/06.jpg','images/praktik/07.jpg','images/praktik/08.jpg','images/praktik/09.jpg','images/praktik/10.jpg',
'images/praktik/11.jpg','images/praktik/12.jpg','images/praktik/13.jpg','images/praktik/14.jpg','images/praktik/15.jpg',
'images/fritid/fritid.jpg','images/fritid/01.jpg','images/fritid/02.jpg','images/fritid/03.jpg','images/fritid/04.jpg',
'images/fritid/05.jpg','images/fritid/06.jpg','images/fritid/07.jpg','images/fritid/08.jpg','images/fritid/09.jpg',
'images/fritid/10.jpg','images/fritid/11.jpg','images/fritid/12.jpg','images/fritid/13.jpg','images/fritid/14.jpg','images/fritid/15.jpg',
'images/forum/forum.jpg','images/forum/01.jpg','images/forum/02.jpg','images/forum/03.jpg',
'images/aboutme/aboutme.jpg','images/aboutme/01.jpg','images/aboutme/02.jpg','images/aboutme/03.jpg',
'images/contact/vanner.jpg'
)
function initLoader()
{
load.load()
}
onload=initLoader
</script>
</head>
<body>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<div align="center"> <img src="images/intro.gif" width="200" height="57" border="0" alt="" />
<script>load.drawLoader('loading...')</script>
</div>
</body>
</html>
Ändra denna rad:
load.runAtEnd('alert("Done Loading Images")')
Till:
load.runAtEnd('location.href="[b]foo.html[/b]"')
:)
Tack :)