Kategorier

 
 Reply to this topicStart new topic
> hvordan
sveinj
Innlegg 30/05-2008 : 10:45
Innlegg #1


Bruker


Gruppe: Medlemmer
Innlegg: 153
Ble medlem: 21/09-2002
Medlem nr.: 16788
Hei.

Jeg får ikke dette til, men saken er enkel,
på min hjemmeside er det et stort bilde
til høyre. Ok. Dette bilde vil jeg at skal fade ut, og
at en nytt skal komme inn. Jeg har funnet et sted som forklarer
dette, selv om jeg ikke får det til...

http://medienfreunde.com/lab/innerfade/

Er det noen som kan hjelpe meg til å forstå hvordan jeg får dette til?

Innlegget er endret av sveinj: 30/08-2008 : 07:38


--------------------
www.reisang.com
Go to the top of the page
 
+Quote Post
Haraldson
Innlegg 30/05-2008 : 12:51
Innlegg #2


Moderator


Gruppe: Moderatorer
Innlegg: 11781
Ble medlem: 24/05-2003
Fra: Bergen
Medlem nr.: 27757
Emnetittelen i denne tråden er lite beskrivende for trådens innhold og det er derfor ingen god emnetittel. Jo bedre og mer beskrivende emnetittelen er, jo lettere er det for andre å skjønne trådens innhold og det vil være lettere å treffe den riktige forumbrukeren med det rette svaret. Ber deg derfor om å endre emnetittel slik at du unngår at en moderator stenger tråden. Vennligst forsøk å ha dette i tankene neste gang du starter en tråd, og orienter deg om hva vår nettikette sier om dårlig bruk av emnetitler.

Bruk -knappen i første post for å endre emnetittelen.

(Dette innlegget vil bli fjernet ved endring av emnetittel. Ikke kommenter dette innlegget, men gjerne dette innlegget når tittelen er endret, så vil det bli fjernet..)


--------------------
Mvh Hein Haraldson Berg
Moderator

Webutvikler @ Keyteq
Go to the top of the page
 
+Quote Post
JonT
Innlegg 31/05-2008 : 01:44
Innlegg #3


Bruker


Gruppe: Medlemmer
Innlegg: 4055
Ble medlem: 03/02-2006
Medlem nr.: 93520
1. Last ned jQuery og jQuery InnerFade PlugIn (link) og link til begge javascriptfilene (inni head-elementet), på siden du vil det skal kjøres.
HTML
<head>
...
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.innerfade.js" type="text/javascript" charset="utf-8"></script>

</head>



2. Legg til denne javascriptsnutten etter at du har linket til jQuery (men fortsatt inn i head-elementet).
CODE
<script type="text/javascript">
    $(document).ready(
        function(){
            $('#animasjon').innerfade({
                animationtype: 'slide',
                speed: 750,
                timeout: 2000,
                type: 'random',
                containerheight: '1em'
            });
        }
    );
</code>

Bytt ut #animasjon med id-en til listen du vil animere og
speed: 750, (i millisekunder)
timeout: 2000, (i millisekunder)
type: 'random', (her kan du velge mellom "random" eller "sequence".
containerheight: '1em' (størrelsen på animasjonsboksen)


3. Lag en liste i html (ul eller ol-elementet). Hvert punkt i listen er det som byttes ut for hver bytterunde.
F.eks.
HTML
<ul id="animasjon">
<li>
<img src="første_bilde.jpg">
</li>
<li>
<img src="andre_bilde.jpg">
</li>
<li>
<img src="tredje_bilde.jpg">
</li>
<li>
<img src="osv.jpg">
</li>
</ul>


Eksempel slik jeg fikk det til å virke.
Klikk for å se/fjerne innholdet nedenfor



Takk for skriptet btw. Hadde faktisk behov for det akkurat nå.

Innlegget er endret av JonT: 31/05-2008 : 10:33


--------------------
«Det er mindre slit for én å lage link, enn for mange å kopiere tekst» (enden)
Webdesign & webutvikling FAQ | Problemer med å åpne Office 2007-filer (.docx, .xlsx, og .pptx)?
Følg meg på Twitter
Go to the top of the page
 
+Quote Post
Vidi
Innlegg 31/05-2008 : 03:55
Innlegg #4


Bruker


Gruppe: Medlemmer
Innlegg: 124
Ble medlem: 01/06-2007
Medlem nr.: 131260
Jeg ble selv nysgjerrig på dette skriptet.

Tar utg. i id-elementet med samme navn (animasjon). Men, ingen funksjon.

Skrivefeil, eller noe jeg kan ha glemt?
Go to the top of the page
 
+Quote Post
sveinj
Innlegg 31/05-2008 : 10:32
Innlegg #5


Bruker


Gruppe: Medlemmer
Innlegg: 153
Ble medlem: 21/09-2002
Medlem nr.: 16788
takk, men jeg får det ikke helt til.

Hva kan jeg ha gjort galt? Slik ser det ut i head


QUOTE
<script src="jquery.innerfade/js/jquery.innerfade.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
$(document).ready(
function(){
$('#animasjon').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
});
}
);
</script>


og slik i koden
QUOTE
<td width="52" rowspan="3" background="sentrum.jpg" bgcolor="#000000">&nbsp;</td>
<td width="310" align="left" bgcolor="#FFFFFF">
<ul id="animasjon">
<li>
<img src="1.jpg" width="310" height="450" />
</li>
<li>
<img src="andre_bilde.jpg">
</li>
<li>
<img src="tredje_bilde.jpg">
</li>
<li>
<img src="osv.jpg">
</li>
</ul>
</p> </td>
<td width="60" rowspan="3" bgcolor="#000000">&nbsp;</td>
</tr>



håper noen kan hjelpe....


--------------------
www.reisang.com
Go to the top of the page
 
+Quote Post
JonT
Innlegg 31/05-2008 : 10:33
Innlegg #6


Bruker


Gruppe: Medlemmer
Innlegg: 4055
Ble medlem: 03/02-2006
Medlem nr.: 93520
Beklager. Så ikke at det var en jQuery PlugIn og ikke en del av selve jQuery.
Posten min skal nå være oppdatert.

sveinj: Du må linke til både jQuery-filen og jQuery Innerfade PlugIn-filen.

Innlegget er endret av JonT: 31/05-2008 : 10:35


--------------------
«Det er mindre slit for én å lage link, enn for mange å kopiere tekst» (enden)
Webdesign & webutvikling FAQ | Problemer med å åpne Office 2007-filer (.docx, .xlsx, og .pptx)?
Følg meg på Twitter
Go to the top of the page
 
+Quote Post
 

Reply to this topicStart new topic
1 bruker(e) leser i emnet (1 gjester og 0 anonyme brukere)
0 medlemmer:

 


RSS Lo-Fi-versjon Klokken er nå: 09/02-2010 : 16:12
Forums Directory