Hjælp til at slide div-layers offscreen

Her kan du få hjælp og stille spørgsmål til jQuery!
Besvar
ClubAce
Begynder
Indlæg: 3
Tilmeldt: 2. mar 2012, 00:29

Hjælp til at slide div-layers offscreen

Indlæg af ClubAce » 5. mar 2012, 09:03

Hej herinde,

Jeg har fundet det her script som slider div-layers offscreen (til venstre) ved klik på lagene.
http://jsfiddle.net/jtbowden/ykbgT/2/

I stedet for at lagene kun slider til venstre kunne jeg rigtig godt tænke mig, at de også kan slide til højre. Og fremfor at animationen sker ved klik på selve lagene, så skal den helst kun ske ved klik på en af to knapper som er placeret i hvert enkelt lag, og som også skal styre slide-retningen. Knapperne kunne derfor passende hedde henholdsvis "Frem" (slide til venstre) og "Tilbage" (slide til højre).
Lige nu "køres" der bare igennem de fem lag fra Div #1 til Div #5. Via knapperne skal man således kunne gå fra f.eks. Div #4 tilbage til Div #3 ved klik på "Tilbage"-knappen i Div #3, og frem til Div #4 igen ved klik på Div #3's "Frem"-knap.

Håber ikke det er for indviklet formuleret og at der i givet fald er nogen der kan hjælpe mig med dette.

Venligst
Ace

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1526
Tilmeldt: 28. dec 2010, 10:49

Re: Hjælp til at slide div-layers offscreen

Indlæg af ThomasI » 5. mar 2012, 14:36

Hmmm...

de enste måder jeg lige kunne få den til at gå til højre på var sådan her:

Kode: Vælg alt

$('.box').click(function() {

    $(this).animate({
        left: '100%'
    }, 500, function() {
        $(this).css('left', '500%');
        $(this).appendTo('#container');
    });

    $(this).next().animate({
        left: '50%'
    }, -500);
});​
og

Kode: Vælg alt

$('.box').click(function() {

    $(this).animate({
        left: '50%'
    }, 500, function() {
        $(this).css('left', '150%');
        $(this).appendTo('#container');
    });

    $(this).next().animate({
        left: '50%'
    }, 500);
});​
Det andet må desværre melde pas på...

Besvar