AJAX: Letar lösning för sliding/fading containers

4 svar · 585 visningar · startad av Danne V 2 aug. 2010

Danne VMedlem sedan aug. 20068 090 inlägg

Frågan2 aug. 2010 11:30#1

Har en sida med 5 divvar stackade på varandra i höjdled (alltså inte z-index). Längst upp finns en horisontell menu med en knapp för varje div.

Försöker hitta nån sorts effektfull lösning som gör att divvarna fejdar och samtidigt glider utndan och/eller byter plats med varandra beroende på vilken menuknapp man klickar på.

Har testat med olika varianter av Dreamweavers "Spry Effetcts" men dom räcker inte till.

Känner nån till lämpligt skript eller har förslag?

voigtann1Medlem sedan juni 20019 519 inlägg

2 aug. 2010 11:34#2

Är det något likt: http://plugins.jquery.com/project/Growl du är ute efter?

Danne VMedlem sedan aug. 20068 090 inlägg

2 aug. 2010 12:32#3

voigtann1 skrev:

Är det något likt: http://plugins.jquery.com/project/Growl du är ute efter?

Tack!

Men njae... mer som effekten "dropout" (klicka menyn t.v.) här:
http://labs.adobe.com/technologies/spry/demos/effects/index.html

Men har ställt frågan på Adobes forum åxå eftersom jag inte fått den där att funka. Nu börjar dom vakna i Amörrka och har lämnat några svar. Så det kanske löser sig...

voigtann1Medlem sedan juni 20019 519 inlägg

2 aug. 2010 12:48#4

Verkar ju inte vara så svårt med deras koder, hur ser din HTML kod ut?

<div  class="container" id="product_box">
    <!-- NOTE: nested divs required for slide effect-->
    <div class="content_panel" id="content_box"></div>
  </div>

om jag förstå deras dokumentation är ju fler divar du har innanför product_box som deras exempel referera till ju fler sidor kommer skriptet rotera mellan.

Danne VMedlem sedan aug. 20068 090 inlägg

2 aug. 2010 14:34#5

voigtann1 skrev:

Verkar ju inte vara så svårt med deras koder, hur ser din HTML kod ut?
<div  class="container" id="product_box">
    
    <div class="content_panel" id="content_box"></div>
  </div>
om jag förstå deras dokumentation är ju fler divar du har innanför product_box som deras exempel referera till ju fler sidor kommer skriptet rotera mellan.

Har fått lite kött på bene från Adobe åxå, men inte att effekten skulle växla mellan nästade divvar som du säger, så det var ett jäkligt bra tips.

Återkommer i ämnet snart.... upptagen med annat just nu...