Søg
Avatar billede silicon Nybegynder
21. oktober 1999 - 22:04 Der er 15 kommentarer og
1 løsning

Preloade billeder

Er der nogen der vil tilføje lidt kode til nedenstående, så mine billeder bliver preloadet. Jeg har kigget på tidligere svar, men det vil ikke helt virke.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Content</title>
<base target="main">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>

</head>

<body bgcolor="#000000" onload="dynAnimation()">

<p><a onmouseover="document['fpAnimswapImgFP7'].imgRolln=document['fpAnimswapImgFP7'].src;document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].lowsrc;" onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" href="main.htm"><img border="0" src="albertslund.gif" id="fpAnimswapImgFP7" name="fpAnimswapImgFP7" dynamicanimation="fpAnimswapImgFP7" lowsrc="albertslund2.gif" width="144" height="43"></a></p>

<a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="java script:void(0)">
<br>
</a>
<a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="bestyrelse.htm">
<img border="0" src="bestyrelse1.gif" width="140" height="45" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="bestyrelse2.gif">
</a>
<br>
<a onmouseover="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimswapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].lowsrc;" onmouseout="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" href="holdkampe.htm">
<img border="0" src="holdkampe1.gif" width="140" height="45" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="holdkampe2.gif">
</a>
<br>
<a onmouseover="document['fpAnimswapImgFP3'].imgRolln=document['fpAnimswapImgFP3'].src;document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].lowsrc;" onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" href="spillested.htm">
<img border="0" src="spillested1.gif" width="140" height="45" id="fpAnimswapImgFP3" name="fpAnimswapImgFP3" dynamicanimation="fpAnimswapImgFP3" lowsrc="spillested2.gif">
</a>
<br>
<a onmouseover="document['fpAnimswapImgFP4'].imgRolln=document['fpAnimswapImgFP4'].src;document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].lowsrc;" onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].imgRolln" href="staevner.htm">
<img border="0" src="staevner1.gif" width="140" height="45" id="fpAnimswapImgFP4" name="fpAnimswapImgFP4" dynamicanimation="fpAnimswapImgFP4" lowsrc="staevner2.gif">
</a>
<br>
<a onmouseover="document['fpAnimswapImgFP5'].imgRolln=document['fpAnimswapImgFP5'].src;document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].lowsrc;" onmouseout="document['fpAnimswapImgFP5'].src=document['fpAnimswapImgFP5'].imgRolln" href="traening.htm">
<img border="0" src="traening1.gif" width="140" height="45" id="fpAnimswapImgFP5" name="fpAnimswapImgFP5" dynamicanimation="fpAnimswapImgFP5" lowsrc="traening2.gif">
</a>
<br>
<a onmouseover="document['fpAnimswapImgFP6'].imgRolln=document['fpAnimswapImgFP6'].src;document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].lowsrc;" onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" href="links.htm">
<img border="0" src="links1.gif" width="140" height="45" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="links2.gif">
</a>

</body>

</html>



Avatar billede skjoldby Nybegynder
21. oktober 1999 - 22:32 #1
Ud af din angivne kode kan man ikke se hvad dine mouseOver billeder hedder.
Drop derfor Frontpage funktionerne. Start forfra og få en til at lave din mouseover funktion.
Skriv evt igen med et nyt dok og de bileder der skal skiftes ud ved mouseOver.

skjoldet
Avatar billede silicon Nybegynder
22. oktober 1999 - 08:26 #2
Så har jeg droppet Frontpage funktionerne og det er kommet til at se således ud:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>test</title>

<SCRIPT>
img = new Image;
function changeImg(imgName, target) {
img.src = imgName;
document[target].src = img.src;
}
</SCRIPT>

</head>

<body bgcolor="#000000">

<a href="main.htm" onMouseover="changeImg('albertslund2.gif', 'pic0')" onMouseout="changeImg('albertslund1.gif', 'pic0')"><img src="albertslund1.gif" border= alt="" name="pic0" width="144" height="43"></a>
<br>
<br>
<a href="links.htm" onMouseover="changeImg('links2.gif', 'pic1')" onMouseout="changeImg('links1.gif', 'pic1')"><img src="links1.gif" border= alt="Links" name="pic1" width="140" height="45"></a>
<br>
<a href="spillested.htm" onMouseover="changeImg('spillested2.gif', 'pic2')" onMouseout="changeImg('spillested1.gif', 'pic2')"><img src="spillested1.gif" border= alt="Her spiller vi" name="pic2" width="140" height="45"></a>
<br>
<a href="bestyrelse.htm" onMouseover="changeImg('bestyrelse2.gif', 'pic3')" onMouseout="changeImg('bestyrelse1.gif', 'pic3')"><img src="bestyrelse1.gif" border= alt="Bestyrelsens sammensætning" name="pic3" width="140" height="45"></a>
<br>
<a href="traening.htm" onMouseover="changeImg('traening2.gif', 'pic4')" onMouseout="changeImg('traening1.gif', 'pic4')"><img src="traening1.gif" border= alt="Træningstidspunkter" name="pic4" width="140" height="45"></a>
<br>
<a href="holdkampe.htm" onMouseover="changeImg('holdkampe2.gif', 'pic5')" onMouseout="changeImg('holdkampe1.gif', 'pic5')"><img src="holdkampe1.gif" border= alt="Holdkampe" name="pic5" width="140" height="45"></a>
<br>
<a href="links.htm" onMouseover="changeImg('links2.gif', 'pic6')" onMouseout="changeImg('links1.gif', 'pic6')"><img src="links1.gif" border= alt="Tryk her" name="pic6" width="140" height="45"></a>
<br>
<a href="staevner.htm" onMouseover="changeImg('staevner2.gif', 'pic7')" onMouseout="changeImg('staevner1.gif', 'pic7')"><img src="staevner1.gif" border= alt="Stævner" name="pic7" width="140" height="45"></a>

</body>

</html>
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 09:37 #3
Godt nok. Der er også andre måder, men jeg bruger denne:

<script language="JavaScript">
alb1 = new Image(); alb1.src="albertslund1.gif"
alb2 = new Image(); alb2.src="albertslund2.gif"

link1 = new Image(); link1.src="links1.gif"
link2 = new Image(); link2.src="links1.gif"

spillest1 = new Image(); spillest1.src="spillested1.gif"
spillest2 = new Image(); spillest2.src="spillested2.gif"
</script>

osv
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 09:41 #4
Denne her er en lille Dreamweaver funktion, også udemærket. Der skriver du bare de billeder du skal have preloaded i body'ens onLoad funktion.

<script language="JavaScript">

function preloadImages() {
if (document.images) {
var imgFiles = preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#")
{
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
} }
}

</script>

<body onLoad="MM_preloadImages('albertslund1.gif','albertslund2.gif','links1.gif','links2.gif')">

Skjoldet
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 09:41 #5
Rettelse:

<body onLoad="preloadImages('albertslund1.gif','albertslund2.gif','links1.gif','links2.gif')">
Avatar billede silicon Nybegynder
22. oktober 1999 - 10:20 #6
Det har ikke hjulpet så meget. Jeg ved ikke om jeg placerer det forkert i koden, men der er stadig en forsinkelse ved onmouseover.

Se evt. http://www.geocities.com/Colosseum/Lodge/4890/test.htm
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 11:30 #7
Du får lige en ny MouseOver funktion. Det er den der laver problemer:

function changeImg(imgsrc,name) {
  var obj = eval("document.images['"+name+"']");
  obj.src = ""+imgsrc+"";
}
Avatar billede silicon Nybegynder
22. oktober 1999 - 11:49 #8
Jeg er ked af at sige det, men det har desværre ikke hjulpet :-(
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 12:07 #9
Jeg kan dårlig forestille mig det hjælper, men prøv som jeg sagde at sætte alt javascript ind i samme tag:

<script language="JavaScript">
function changeImg(imgsrc,name) {
  var obj = eval("document.images['"+name+"']");
  obj.src = ""+imgsrc+"";
}



alb1 = new Image(); alb1.src="albertslund1.gif"
alb2 = new Image(); alb2.src="albertslund2.gif"

link1 = new Image(); link1.src="links1.gif"
link2 = new Image(); link2.src="links2.gif"

spillest1 = new Image(); spillest1.src="spillested1.gif"
spillest2 = new Image(); spillest2.src="spillested2.gif"

trae1 = new Image(); trae1.src="traening1.gif"
trae2 = new Image(); trae2.src="traening2.gif"

hold1 = new Image(); hold1.src="holdkampe1.gif"
hold2 = new Image(); hold2.src="holdkampe2.gif"

staev1 = new Image(); staev1.src="staevner1.gif"
staev2 = new Image(); staev2.src="staevner2.gif"

best1 = new Image(); best1.src="bestyrelse1.gif"
best2 = new Image(); best2.src="bestyrelse2.gif"


</script>
Avatar billede silicon Nybegynder
22. oktober 1999 - 12:22 #10
Det hjalp desværre ikke.
Avatar billede silicon Nybegynder
22. oktober 1999 - 12:26 #11
Er der evt. en anden MouseOver funktion du kan anbefale, som du ved virker sammen med preload funktionen. Du skal nok få ekstra point hvis projektet lykkes.
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 14:55 #12
Nu ved jeg hvorfor. Holdkæft hvor er jeg dum efter hver:

alb1 = new Image(); alb1.src="albertslund1.gif"

skal der være en ;



altså sådan:
alb1 = new Image(); alb1.src="albertslund1.gif";

nu skal den være der!
Avatar billede silicon Nybegynder
22. oktober 1999 - 16:17 #13
Jeg må desværre skuffe dig - det hjalp ikke.

http://www.geocities.com/Colosseum/Lodge/4890/test.htm
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 22:12 #14
Det virker da fint. - I Explore.

Bruger du Netscape. <- Mærkligt. Det har aldrig tidligere været et problem for mig.

Jeg downloader lige dine elementer og tester/uploader på min serverplads.

10 min.
Avatar billede skjoldby Nybegynder
22. oktober 1999 - 22:25 #15
Det virker også i Netscape nu.
Det eneste jeg har gjort er at sætte alt javascript ind i samme tags. Se her:

http://hjem.get2net.dk/skjoldet/silicon/test.html
Avatar billede silicon Nybegynder
23. oktober 1999 - 11:13 #16
Nu virker det også hos mig - også den der ikke virkede i går?!?

Jeg opretter lige et ekstra spørgsmål (med ekstra point til dig) som tak for din hjælp og udholdenhed.

Mange tak for hjælpen :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:59 Fejl ved forsøg på åbning af Access mdb og mde Databaser Af Uvanga i Access
19/1014:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
White papers
Flere white papers »