|
| Mouse over / preload ? Fra : Atredies |
Dato : 15-04-01 20:36 |
|
jeg bruger dette mouse over ting
<a href="info.htm"
onMouseOver="document.the_image1.src='images/a2-info2.jpg';
" onMouseOut="document.the_image1.src='images/a2-info.jpg';
" target="main" > <img src="images/a2-info.jpg" name="the_image1"
men browseren henter først mouse over billede når musen er over det
kan man ikke gøre noget så det hentes i starten, så der ikke kommer 1-3 sek.
vente tid
først gang musen er over billed ?
Atrdies.
| |
Knud Gert Ellentoft (15-04-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 15-04-01 22:36 |
|
Sun, 15 Apr 2001 21:36:02 +0200, skrev "Atredies"
<NOsparm@privat.dk>:
>men browseren henter først mouse over billede når musen er over det
>kan man ikke gøre noget så det hentes i starten, så der ikke kommer 1-3 sek.
>vente tid
>først gang musen er over billed ?
Indsæt flg. i head for hvert billede:
<script>
var myImage = new Image();
myImage.src = "billed1.gif";
var myImage = new Image();
myImage.src = "billed2.gif";
</script>
med venlig hilsen
Knud
--
som er dødtræt af hjemmesider med SMS-sendere...
http://smedeparken.mobilixnet.dk - opdateret 24. marts 2001.
| |
Erik Isager (16-04-2001)
| Kommentar Fra : Erik Isager |
Dato : 16-04-01 20:41 |
|
"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:mu4kdtoi86s7smlru3ngcvghaok0pji58i@news.get2net.dk...
> Sun, 15 Apr 2001 21:36:02 +0200, skrev "Atredies"
> <NOsparm@privat.dk>:
>
> >men browseren henter først mouse over billede når musen er over det
> >kan man ikke gøre noget så det hentes i starten, så der ikke kommer 1-3
sek.
> >vente tid
> >først gang musen er over billed ?
>
> Indsæt flg. i head for hvert billede:
> <script>
> var myImage = new Image();
> myImage.src = "billed1.gif";
> var myImage = new Image();
> myImage.src = "billed2.gif";
> </script>
>
Hvad gør denne "script"
eller hvad betyder det ???
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (16-04-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 16-04-01 21:35 |
|
Mon, 16 Apr 2001 21:40:39 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
>Hvad gør denne "script"
>eller hvad betyder det ???
Det loader billederne i browserens cache, så ventetiden bliver
minimeret mest muligt når de skal vises, bruges især i forbindelse med
mouseoverlinks/billeder.
med venlig hilsen
Knud
--
som er dødtræt af hjemmesider med SMS-sendere...
http://smedeparken.mobilixnet.dk - opdateret 24. marts 2001.
| |
Erik Isager (17-04-2001)
| Kommentar Fra : Erik Isager |
Dato : 17-04-01 21:41 |
|
> >Hvad gør denne "script"
> >eller hvad betyder det ???
>
> Det loader billederne i browserens cache, så ventetiden bliver
> minimeret mest muligt når de skal vises, bruges især i forbindelse med
> mouseoverlinks/billeder.
>
Hej !
Jeg arbejder videre på en hjemmeside som en anden har oprettet og på den
eneside er der er blankt billed, der bliver skiftet med flere andre
afhængigt af hvilken tekst musen kører over. den har bl.a følgende indhold
---
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgproperties="fixed"
onLoad="MM_preloadImages('images/image1.jpg','images/image2.jpg','images/ima
ge3.jpg','images/image4.jpg','images/image5.jpg','images/image6.jpg','images
/image7.jpg','images/image8.jpg','images/image9.jpg')"
background="images/bag.jpg">
-----
det ser jo lidt mere indviklet ud end det før viste, og virker mit i det
heletaget???? kan jeg skifte det ud med
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (17-04-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 17-04-01 22:47 |
|
Tue, 17 Apr 2001 22:41:14 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
>det ser jo lidt mere indviklet ud end det før viste, og virker mit i det
>heletaget???? kan jeg skifte det ud med
Det kan du sagtens.
Det du har sendt ligner et der er lavet i Dreamwever, som er program
som minder om FP og de har det med at lave meget overflødig kode.
med venlig hilsen
Knud
--
som er dødtræt af hjemmesider med SMS-sendere...
http://smedeparken.mobilixnet.dk - opdateret 24. marts 2001.
| |
Erik Isager (14-05-2001)
| Kommentar Fra : Erik Isager |
Dato : 14-05-01 20:53 |
|
> > Indsæt flg. i head for hvert billede:
> > <script>
> > var myImage = new Image();
> > myImage.src = "billed1.gif";
> > var myImage = new Image();
> > myImage.src = "billed2.gif";
> > </script>
Hej, det er godt nok et gammelt emne jeg skriver videre på men!!
jeg har et sted hvor jeg gerne vil "preloade" 9 billeder til en side.
---------
var myImage = new Image();
myImage.src = "image1.jpg";
var myImage = new Image();
myImage.src = "image2.jpg";
var myImage = new Image();
myImage.src = "image3.jpg";
var myImage = new Image();
myImage.src = "image4.jpg";
osv..
-----
jeg går ud fra at "image1.jpg" er navnet på billedet
det har jeg så prøvet, men så kommer der en fejlmeddelse på følgende linje :
<body bgproperties="fixed"
onLoad="MM_preloadImages('billeder/image1.jpg','billeder/image2.jpg','billed
er/image3.jpg','billeder/image4.jpg','billeder/image5.jpg','billeder/image6.
jpg','billeder/image7.jpg','billeder/image8.jpg','billeder/image9.jpg')"
background="billeder/bag.jpg">
( det er noget der er oprettet med Dreamwever, har jeg tidligre fået
oplyst )
kan jeg bare fjerne linjen eller skal den erstattes med noget andet ??
længere nede hvor jeg bruger billederne ser linjerne sådan ud :
----
<p align="center"><b><a href="modul4.htm"><font face="Verdana" size="2"
color="#000000"
onMouseOver="MM_swapImage('picture','','billeder/image4.jpg',1)"
onMouseOut="MM_swapImgRestore()">Modul nr. 4 - Børnehold</font></a></b></p>
----
Skal det laves om ? og i så fald til hvad ??
( det virker ihvertfald ikke mere )
---
siden er på :
http://hjem.get2net.dk/isager/ Hvad laver vi?
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (14-05-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 14-05-01 21:54 |
|
Mon, 14 May 2001 21:53:00 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
>jeg går ud fra at "image1.jpg" er navnet på billedet
>
Ja.
>det har jeg så prøvet, men så kommer der en fejlmeddelse på følgende linje :
>
><body bgproperties="fixed"
>onLoad="MM_preloadImages('billeder/image1.jpg','billeder/image2.jpg','billed
>er/image3.jpg','billeder/image4.jpg','billeder/image5.jpg','billeder/image6.
>jpg','billeder/image7.jpg','billeder/image8.jpg','billeder/image9.jpg')"
>background="billeder/bag.jpg">
>
>( det er noget der er oprettet med Dreamwever, har jeg tidligre fået
>oplyst )
>
>kan jeg bare fjerne linjen eller skal den erstattes med noget andet ??
Du kunne lade være med at sætte det med var, ovennævnte preloader også
billederne.
>Skal det laves om ? og i så fald til hvad ??
Hvis du lader være med at bruge var, så skulle det vel virke.
Det giver fejl, fordi du blander to scripts, som giver det samme.
Jeg ville slette alt det der med MM osv. og så bruge det, som Atredies
skrev i sit svar.
<script>
var the_image1 = new Image();
the_image1.src = "images/a2-info2.jpg";
</script>
</head>
<a href="info.htm"
onMouseOver="document.the_image1.src='images/a2-info2.jpg';
" onMouseOut="document.the_image1.src='images/a2-info.jpg';
" target="main" > <img src="images/a2-info.jpg" name="the_image1"
border="0"
width="124" height="34"></a>
med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe
| |
Erik Isager (15-05-2001)
| Kommentar Fra : Erik Isager |
Dato : 15-05-01 22:22 |
|
> Jeg ville slette alt det der med MM osv. og så bruge det, som Atredies
> skrev i sit svar.
>
> <script>
> var the_image1 = new Image();
> the_image1.src = "images/a2-info2.jpg";
> </script>
> </head>
>
>
> <a href="info.htm"
> onMouseOver="document.the_image1.src='images/a2-info2.jpg';
> " onMouseOut="document.the_image1.src='images/a2-info.jpg';
> " target="main" > <img src="images/a2-info.jpg" name="the_image1"
> border="0"
> width="124" height="34"></a>
>
> med venlig hilsen
> Knud
jeg kommer nok til at få det skåret ud i pap !!
eller få lavet et eksempel !!
jeg er begyndt med:
---
<script>
var myImage = new Image();
myImage.src = "image8.jpg"
var myImage = new Image();
myImage.src = "image9.jpg"
</script>
---
det medfører at jeg henter billederne, "image8.jpg" & "image9.jpg" ???
Så har jeg en tekst, der ved musover udskifter et billed
(billeder2/blank.gif) med et andet (billeder/image9.jpg), og ved mus væk
tilbage igen. det ser nu sådan ud:
---
<p align="center"><b><a href="modul9.htm"><font face="Verdana" size="2"
color="#000000"
onMouseOver="MM_swapImage('picture','','billeder/image9.jpg',1)"
onMouseOut="MM_swapImgRestore()">Modul nr. 9 - ?? </font></a></b></td>
<td><img name="picture" src="billeder2/blank.gif" border="0"
width="150" height="150"></td>
---
hvordan skal den så se ud ??
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (16-05-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 16-05-01 01:43 |
|
Tue, 15 May 2001 23:22:10 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
>jeg kommer nok til at få det skåret ud i pap !!
>eller få lavet et eksempel !!
<script>
var myImage = new Image();
myImage.src = "image8.jpg"
var myImage = new Image();
myImage.src = "image9.jpg"
</script>
</head>
<body>
<p align="center"><b><font face="Verdana" size="2"
color="#000000">
<a href="modu19.htm"
onMouseOver="document.myImage.src='image9.jpg';
" onMouseOut="document.myImage.src='billeder2/blank.gif';>
<img src="billeder2/blank.gif" name="myImage"
border="0" width="150" height="150"></a></font></p>
ligger image 8 og 9 i mappen billeder2, så skal der naturligvis stå
myImage.src="billeder2/image9.jpg"
Der var nogen </td> i det du postede, jeg ved ikke om du har det i en
tabel, er det tilfældet, så skal de naturligvis med.
med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe
| |
Erik Isager (16-05-2001)
| Kommentar Fra : Erik Isager |
Dato : 16-05-01 17:33 |
|
>
> >jeg kommer nok til at få det skåret ud i pap !!
> >eller få lavet et eksempel !!
>
> <script>
> var myImage = new Image();
> myImage.src = "image8.jpg"
> var myImage = new Image();
> myImage.src = "image9.jpg"
> </script>
> </head>
> <body>
> <p align="center"><b><font face="Verdana" size="2"
> color="#000000">
> <a href="modu19.htm"
> onMouseOver="document.myImage.src='image9.jpg';
> " onMouseOut="document.myImage.src='billeder2/blank.gif';>
> <img src="billeder2/blank.gif" name="myImage"
> border="0" width="150" height="150"></a></font></p>
>
> ligger image 8 og 9 i mappen billeder2, så skal der naturligvis stå
> myImage.src="billeder2/image9.jpg"
>
> Der var nogen </td> i det du postede, jeg ved ikke om du har det i en
> tabel, er det tilfældet, så skal de naturligvis med.
--
ja, jeg har billeder i mapper, billeder og billeder2
og ja, det er sat ind i en tabel !
Men jeg kan ikke få det til at virke ??
det er meningen at når jeg fører musen over teksten "modul9" så kal et
"blankt" billed erstattes med "image9.jpg"
det er vi enige om ???
jeg tror jeg begynder på en ny side, istedet for at rette på den gamle !
når man skriver html koder, hvor må der, og hvor må der ikke være mellemrum
??
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (17-05-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 17-05-01 05:38 |
|
Wed, 16 May 2001 18:33:15 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
>Men jeg kan ikke få det til at virke ??
>det er meningen at når jeg fører musen over teksten "modul9" så kal et
>"blankt" billed erstattes med "image9.jpg"
>det er vi enige om ???
OK, så har vi misforstået hinanden lidt, det script, som har været
omtalt her skifter billedet når man fører musen henover billedet.
Når det skal ske, når du kører musen henover noget tekst, så bliver
det lidt mere kompliceret.
Men jeg har smækket et eksempel op på
< http://home13.inet.tele.dk/smedpark/webhjaelp/grafik/onmouseover.htm>.
>når man skriver html koder, hvor må der, og hvor må der ikke være mellemrum
Som hovedregel har mellemrum ingen betydning i HTML, men der er altid
undtagelser.
I tekst kan du lave et mellemrum (is øl er det samme som is øl).
Det kan også have betydning ved billeder.
med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe
| |
Erik Isager (17-05-2001)
| Kommentar Fra : Erik Isager |
Dato : 17-05-01 19:55 |
|
>
> OK, så har vi misforstået hinanden lidt, det script, som har været
> omtalt her skifter billedet når man fører musen henover billedet.
>
> Når det skal ske, når du kører musen henover noget tekst, så bliver
> det lidt mere kompliceret.
>
> Men jeg har smækket et eksempel op på
> < http://home13.inet.tele.dk/smedpark/webhjaelp/grafik/onmouseover.htm>.
( det ser da ud til at være et hyggeligt sted )
!! så kan jeg bedre forstå at jeg ikke kan få det til at virke !!
og ja det er noget mere kompliceret, jeg skal vist lære noget mere inden jeg
sådan bare lige kaster mig ud i det ?? er der værktøjer i FP 2000 til det
eller "laver man bare koderne" ??
det kan godt være at det er et "fy" ord her i denne NG, men lige nu tror jeg
at det er en ting jeg vil prøve at lave med "Dremweaver"
men jeg tror jeg siger tak for ulejligheden, jeg er da blevet lidt kolgere
!!
--
Med venlig hilsen
Erik Isager
| |
Knud Gert Ellentoft (17-05-2001)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 17-05-01 22:50 |
|
Thu, 17 May 2001 20:55:10 +0200, skrev "Erik Isager"
<erik.isager@haslev.mail.telia.com>:
> er der værktøjer i FP 2000 til det
>eller "laver man bare koderne" ??
Man laver bare koderne, mest ved at kigge på andres javascripts og
finder efterhånden ud af at tilpasse det man ønsker,
>det kan godt være at det er et "fy" ord her i denne NG, men lige nu tror jeg
>at det er en ting jeg vil prøve at lave med "Dremweaver"
Jeg kender, hverken FP eller DW særlig godt, men DW har lidt flere
muligheder end Fp på nogen punkter, så det er muligt, du kan lave det
i den.
Jeg foretrækker som sagt, at skrive det helt i hånden med lidt
kopiering og retten til.
Men du kan prøve at kigge på f.eks. http://www.dynamicdrive.com og
http://www.bratta.com, der er mange eksempler på forskellige
javascripts på disse sider og måske noget du kan bruge.
med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe
| |
Atredies (17-04-2001)
| Kommentar Fra : Atredies |
Dato : 17-04-01 17:36 |
|
Jamen det virker jo perfekt Mange tak !
--------------------------------------------------
så nu ser det sådan ud(til rookies som mig)
<script>
var the_image1 = new Image();
the_image1.src = "images/a2-info2.jpg";
</script>
</head>
<a href="info.htm"
onMouseOver="document.the_image1.src='images/a2-info2.jpg';
" onMouseOut="document.the_image1.src='images/a2-info.jpg';
" target="main" > <img src="images/a2-info.jpg" name="the_image1" border="0"
width="124" height="34"></a>
-----------------------------------------------------
Mvh. Atredies
"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:mu4kdtoi86s7smlru3ngcvghaok0pji58i@news.get2net.dk...
> Sun, 15 Apr 2001 21:36:02 +0200, skrev "Atredies"
> <NOsparm@privat.dk>:
>
> >men browseren henter først mouse over billede når musen er over det
> >kan man ikke gøre noget så det hentes i starten, så der ikke kommer 1-3
sek.
> >vente tid
> >først gang musen er over billed ?
>
> Indsæt flg. i head for hvert billede:
> <script>
> var myImage = new Image();
> myImage.src = "billed1.gif";
> var myImage = new Image();
> myImage.src = "billed2.gif";
> </script>
>
> med venlig hilsen
> Knud
> --
> som er dødtræt af hjemmesider med SMS-sendere...
> http://smedeparken.mobilixnet.dk - opdateret 24. marts 2001.
| |
|
|