Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 7
Seite [1]
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Thema - 18.11.2007 um 12:32 Uhr
hallo.

Ich will auf einer homepage nacheinander divs anzeigen lassen, die durch fade rein und raus gehen.

nun hab ich das ganze so bewerkstelligt:

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
1. / 2. / ... 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
    <
title>{func:title}</title>
    <
meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    {
clansphere:navmeta}
    <
script src="animations.js" type="text/javascript"></script>

    <
link href="clansphere.css" rel="stylesheet" type="text/css" />
    <
link href="design.css" rel="stylesheet" type="text/css" />
    <
link rel="alternate" type="application/rss+xml" href="../../uploads/rss/news.xml" />
</
head>
<
body onload="fade_artists(1);">

<
div class="userpanel">{users:navlogin2} | <a href="index.php?mod=clansphere&action=about">Scriptinfo</a></div>
<
div class="header"><img src="banner.png" alt="z-sister-booking" /></div>
<
div class="contentheader">
  <
a href="index.php?mod=news&action=recent" >News</a>
  <
a href="index.php?mod=squads" >Artists</a>
  <
a href="index.php?mod=contact&action=mail" >Booking</a>
  <
a href="index.php?mod=contact&action=imprint" >Imprint</a>
  <
a href="index.php?mod=links" >Links</a>
</
div>

<
br />

<
div class="leftcontent">
    <
div id="artists_1" class="artists_container">
      <
p>NameMatze<br />
      
Alter20<br />
      
StyleElektro</p>
    </
div>
    <
div id="artists_2" class="artists_container">
      <
p>Namelol<br />
      
Alter20<br />
      
StyleElektro</p>
    </
div>
    <
div id="artists_3" class="artists_container">
      <
p>NameX-R4Y<br />
      
Alter20<br />
      
StyleElektro</p>
    </
div>
    <
div id="artists_4" class="artists_container">
      <
p>Namehempel<br />
      
Alter20<br />
      
StyleElektro</p>
    </
div>

</
div>
<
div class="content">{func:show}</div>




</
body>
</
html>


dann hier das css:

 
1.
2.
3.
4.
5.
1. / 2. / ... 
 .artists_container {
    
display:none;
    
color:#FFFFFF;
    
background-color:#339999;
}


und das javascript gibts als link, da ich das noch dokuentiert habe!



hier:http://www.x-r4y.de/uploads/zeugs/animations.js


blos leider funktioniert es nicht so, wie ich mir das vorstelle... die div´s werden garnicht angezeigt.... die fehlerconsole sagt mir in regelmäßigen abständen, das fade_out() nicht definiert ist, das sagt mir aber schonmal, das die endlosschleife funktioniert

bitte um hilfe


------------------

Inaktiv
ichraffsnicht ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 1 - 18.11.2007 um 15:47 Uhr
hmmm... ich komm ned weiter..


------------------



Zuletzt editiert von X-R4Y ClanSphere Team am 18.11.2007 um 15:48 Uhr (1x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 2 - 18.11.2007 um 18:35 Uhr
also entweder kenne ich da was js-eigenes nicht oder da ist was faul..
warum deklarierst du funktionen innerhalb einer anderen funktion?


Inaktiv
|
ichraffsnicht ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 3 - 18.11.2007 um 19:46 Uhr
bin noobie xD hab das jetzt mal umgemodelt... link ist aktualisiert... also oben gucken^^


hab bloß das js geändert


------------------



Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 4 - 18.11.2007 um 20:07 Uhr
hast das mal online?


Inaktiv
|
ichraffsnicht ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 5 - 18.11.2007 um 21:56 Uhr
ich packs morgen mal online... hab heutekeine platz mehr im kopf für sowas


------------------



Inaktiv
|
odem-mortis-clan


Beginner




Beiträge: 1
# Antwort: 6 - 16.12.2007 um 12:24 Uhr
Soweit ich das sehe, ist das klar, dass es nicht funktioniert.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
1. / 2. / ... 
 function fade_in()
    {
        for (
i=1i<=100i++)
        {
            
setTimeout("set_style()",1000);
        }
    }

    function 
fade_out()
    {
        for (
i=100i>=1i--)
        {
            
setTimeout("set_style()",1000);
        }
    }


da legst du die Funktionen Fade in und fade out fest.
Die Funktion "set_style" greift dann auf das i, welches scheinbar in den beiden Funktionen durch die For-Schlefe geändert wird zu. Aber wie kommt set_style an das i ?

Du musst also das i an die Funktion übergeben, was meiner Meinung nach so Aussehen müsste:(untested)
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
1. / 2. / ... 
 function set_style(i)
    {
            
document.getElementById("artists_" id).style.filter == "alpha(opacity=" ")";     // angabe für den iternet explorer
            
document.getElementById("artists_" id).style.opacity == i/100;                         // angabe für den firefox/mozilla/opera
    
}
    

    function 
fade_in()
    {
        for (
i=1i<=100i++)
        {
            
setTimeout(set_style(i),1000);
        }
    }

    function 
fade_out()
    {
        for (
i=100i>=1i--)
        {
            
setTimeout(set_style(i),1000);
        }
    }


Hoffe ich hab dir damit geholfen, für den Fall, dass du es noch nicht selbst hinbekommen hast (ist ja nun schon fast wieder nen Monat alt der Thread).

In dem Sinne auch sorry, falls ich was altes wieder aufgekocht hab.


Inaktiv
|
ichraffsnicht ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 7 - 16.12.2007 um 13:52 Uhr
hmm habs noch ned hinbekommen... hab mir mal mootools zur hand genommen, um das zu realisieren, hatte aber atm nicht die geduld mich in mootools einzuarbeiten.


------------------



Inaktiv
|
Antworten: 7
Seite [1]


Sie müssen sich registrieren, um zu antworten.