Avatar billede kimlarsen1978 Nybegynder
18. november 2007 - 02:00 Der er 2 kommentarer og
1 løsning

Byg fade funktion ind i div skift

Hejsa
Jeg har en række divs som indeholder mine nyheder. De ligger i skjuldte div's også har jeg en funktion til at skifte mellem dem. Men jeg vil gerne at der fade's når den skifter, så det ikke virker så brat...

<div id="article1" class="articlecontent">...</div>
<div id="article2" class="articlecontent">...</div>
<div id="article3" class="articlecontent">...</div>
<div id="article4" class="articlecontent">...</div>

også videre...

Funktionerne der bruges til at skifte mellem dem er:

*******************
var oldArticle = oldrticleElm = null;
function ShowArticle(id,elm){
    if(oldArticle)
    oldArticle.style.display = 'none';
    oldArticle = document.getElementById(id);
    oldArticle.style.display = "block";
    if(oldrticleElm){
        oldrticleElm.className = "";
    }
    oldrticleElm = elm;
    elm.className = "selected";
}

var doArticleFade = true;
function stopArticleRotater(){
    doArticleFade = false;
}

function startArticleFade(){
    articleFade(1);
}

function articleFade(divNr){
    if (doArticleFade){
        var articleDiv = 'article' + divNr;
        var elm = document.getElementById(articleDiv);
        ShowArticle(articleDiv,elm);
        divNr = divNr + 1
        if (divNr == 11){
            divNr = 1;
        }
        myDelay = setTimeout("articleFade("+divNr+")", 5000);
    }
}

//init
startArticleFade();
*******************

Nogle der kan vise mig hvad der skal udbygges med for at der fade's når den skifter?
Avatar billede gryn Nybegynder
18. november 2007 - 11:56 #1
Jeg synes ikke, der er nogen grund til at opfinde den dybe tallerken en gang mere. Dynamic drive har masser af sådanne færdige scripts. F.eks. her: http://www.dynamicdrive.com/dynamicindex2/fadescroll.htm

Mvh/
Gryn
Avatar billede kimlarsen1978 Nybegynder
13. februar 2010 - 19:04 #2
Smid et svar - så lukker jeg
Avatar billede kimlarsen1978 Nybegynder
18. august 2010 - 19:35 #3
Intet svar...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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