Notifikationer

Markér alle som læst Log ud

rzj Nybegynder

25. april 2003 - 13:00 Der er 8 kommentarer

endnu et fade spørgsmål...

Jeg har gennemskannet de forskellige fade spg. her under kategorien JavaScript, men endnu ikke fundet noget der virker efter hensigten...

Spørgsmålet:
Jeg ønsker et bestemt billede (med id=3) til at fade ud og det næste billede (også id=3), men på en anden side til at fade ind.
Hvordan gør jeg det?

Effekten er fuldkommen med:
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=2.0)" />
men desværre fungerer denne funktionalitet på alle elementer på siden, hvilket jeg ikke ser som særligt hensigtsmæssigt... :-)

På forhånd tak

/raz

Synes godt om

nikolajdu Nybegynder

25. april 2003 - 13:05 #1

1. Du kan ikke have 2 billeder med id=3
2. Et id må ikke starte med eller udelukkende bestå af tal. Ergo kald dem hellere id="billede1" id ="billede2".

/Nikolaj

Synes godt om

rzj Nybegynder

25. april 2003 - 13:14 #2

nikolajdu>>ok, det med at det ikke kun må bestå af tal er taget til efterretning. Når det er sagt så har jeg ikke 2 billeder der har samme id. Det er samme <img src="billede3.jpg" id="billede3"..../> men på forskellige sider !

Altså: Man kommmer ind på forsiden og billede fader frem, man klikker på kontakt og billedet fra forsiden fader ud samtidigt fader billedet fra kontakt ind - teksten fremstår med det samme.

Tjek ovenstående meta og se hvad jeg mener, dog med den væsentlige pointe at jeg ikke ønsker at samtlige elementer på siden fader over i hinanden, men blot et bestemt billede, der kan / skal tilgåes via id-nummeret, da <img src..../> osv. genereres dynamisk. Det nytter altså ikke noget at loade billeder der skal fades imellem ind i et array eller lign.

Synes godt om

nikolajdu Nybegynder

25. april 2003 - 13:17 #3

Noget ala det her ?

<html>
<head>
<script language="JavaScript">
function fadeImg() {
f = document.getElementById("Bulder").filters;
if (f.item("Alpha").opacity<=100) {
f.item("Alpha").opacity += 5;
setTimeout("fadeImg()",120);
}
}
</script>

</head>
<body onload="fadeImg()">

<img src="billede.jpg" id="Bulder" width="500" height="500" style="filter:Alpha(opacity=0)" onmouseover="fadeImg();">
</body>
</html>

Synes godt om

nikolajdu Nybegynder

25. april 2003 - 13:19 #4

<html>
<head>
<script language="JavaScript">
function fadeImg() {
f = document.getElementById("Bulder").filters;
if (f.item("Alpha").opacity<=100) {
f.item("Alpha").opacity += 5;
setTimeout("fadeImg()",120);
}
}
</script>

</head>
<body onload="fadeImg()">

<img src="billede.jpg" id="Bulder" width="500" height="500" style="filter:Alpha(opacity=0)">
</body>
</html>

Synes godt om

rzj Nybegynder

25. april 2003 - 14:14 #5

ikke helt :-) Jeg vil igen anbefale at kigge på hvad vedlagte meta-tag rent faktisk gør !
Ovenstående forslag fader et billede ind - hvilket er ok, men det fader ikke det eksisterende billede over i det nye billede. Altså - det billede der fremgår fader ikke langsomt over i det billede der kommer frem ved skift til anden side....ved ikke hvordan jeg skal forklare det mere præcist, men det fremgår egentligt ret så tydeligt hvis man anvender meta-elementet som det fremgår af mit første indlæg her.
Jeg har desværre ikke lige en demo side af det, men det kan jeg da hurtigt lave...

Synes godt om

Slettet bruger

25. april 2003 - 15:19 #6

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
?

Synes godt om

olebole Juniormester

26. april 2003 - 01:54 #7

<ole>

Er det ikke bare noget IE-skrammel - den meta? Så ville det da være bedre at lægge hele dit side indhold i et div og fade det ind med Alpha og MozOpacity.
Du kunne jo evt. lade dine links kalde en funktion, der fader siden ud, hvorefter den loader den nye side og fader denne ind.

/mvh
</bole>

Synes godt om

olebole Juniormester

26. april 2003 - 01:57 #8

Du kunne også loade dine sider i en skjult iframe. Når denne side er loaded færdig skrives indholdet ind i et div, som fades ind, mens div'et, der indeholdt det 'gamle' indhold fades ud. Det kan laves betydelig mere X-browser :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS