[GastForen Programmierung/Entwicklung JavaScript JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

4. Apr 2012, 20:56
Beitrag # 1 von 6
Bewertung:
(3966 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Zusammen,

ich möchte gerne dieses Script von scriptiny verwenden:
http://www.scriptiny.com/...ascript-fade-in-out/

Es klappt auch wunderbar, wenn der Vorgang genau bei einem Element auf der Seite ausgeführt werden soll.

Nun möchte ich aber das Script modifizieren und mehrere Elemente einbauen, die ein- und dann wieder ausgeblendet werden sollen.

Wie muss ich das Script umschreiben, dass Element 1, Element 2 ... jeweils getrennt von einander ein und aus geschaltet werden können?


Kann ich mehrere Scripte einbinden, die sich nicht gegenseitig stören und diese den jeweiligen Elementen zuordnen?

Wer hat eine Idee?

Vielen Dank schon einmal fürs Mitdenken ;o)

(Ich hatte das Thema zuerst fälschlicherweise im Dreamweaver Forum gepostet.)

fp
X

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

8. Apr 2012, 17:10
Beitrag # 2 von 6
Beitrag ID: #493168
Bewertung:
(3923 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Diese URL ist nicht korrekt: http://www.scriptiny.com/...ascript-fade-in-out/
kannst du sie nochmals posten? evtl. mit einem Tool wie https://bitly.com/

(Vermutlich ein HDS Forum Bug beim kürzen von allzu langen URLs)


als Antwort auf: [#492998]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

9. Apr 2012, 00:04
Beitrag # 3 von 6
Beitrag ID: #493176
Bewertung:
(3896 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
http://www.scriptiny.com/...ascript-fade-in-out/

Sollte der Link nicht weiterleiten, dann auf der Seite scriptiny rechts den Pfad JavaScript Fade Tutorial - Fading Elements In/Out folgen.

Lg, fp


als Antwort auf: [#493168]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

13. Apr 2012, 12:58
Beitrag # 4 von 6
Beitrag ID: #493352
Bewertung:
(3832 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hmm, das ist reichlich veraltet und unnötig kompliziert. Versuch's mal mit jQuery:
http://api.jquery.com/category/effects/fading/

Im HTML selber sollte wenn möglich kein "inline" Javascript stehen, das sollte alles im JS selber definiert sein, wir haben schliesslich 2012 :-)


als Antwort auf: [#493176]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

ganesh
Beiträge gesamt: 1981

13. Apr 2012, 13:05
Beitrag # 5 von 6
Beitrag ID: #493354
Bewertung:
(3827 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hmm, hab's nochmals angeschaut: einfach in der Funktion den DIV-Namen ändern: Hier ein einfaches Beispiel mit zwei weiteren DIVs: http://www.sendspace.com/file/9dxaba


als Antwort auf: [#493352]

JavaScript Fade Tutorial – Fading Elements In/Out mehrere male auf einer Seite anwenden

fp
Beiträge gesamt: 16

14. Apr 2012, 09:15
Beitrag # 6 von 6
Beitrag ID: #493388
Bewertung:
(3781 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi ganesh,

danke erst einmal für Deine Antworten. jQuery werde ich auf jeden Fall ausprobieren. Auch den zweiten LINK http://bit.ly/HQAQvG werde ich testen. :o)
sonnige Grüße fp


als Antwort auf: [#493352]
X