Ergebnis 1 bis 6 von 6
  1. #1
    UnknownUserxy ist offline Grünschnabel
    registriert
    06-01-2015
    Beiträge
    3

    Grafik langsam ein und ausblenden

    Hallo,

    ich möchte ein Bild an einer Stelle langsam einblenden lassen und nach ca. 2sek langsam wieder ausblenden lassen.
    Danach soll es an einer anderen stelle wieder langsam eingeblendet werden und wieder ausgeblendet werden usw.
    Das mit dem einblenden habe ich hinbekommen, doch mit dem ausblenden bekomme ich es einfach nicht hin und bin mir auch nicht sicher, wie das geht.

    Einblenden des Bildes hab ich folgendermaßen gemacht:

    HTML-Code:
    <img src="questionmark.jpg" id="bild">
    
    <script>
    	
        function einblenden(object){
            object.style.opacity=eval(object.style.opacity)+0.05;
            if(eval(object.style.opacity)<1){window.setTimeout(function(){einblenden(object);}, 40);}
        }
        document.getElementById('bild').style.opacity=0;
        window.setTimeout(function(){einblenden(document.getElementById('bild'));},1000);
    Geändert von mikdoe (06-01-2015 um 18:42 Uhr) Grund: HTML Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.706

    AW: Grafik langsam ein und ausblenden

    Hast du jQuery im Projekt oder kannst du es einfügen?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #3
    UnknownUserxy ist offline Grünschnabel
    registriert
    06-01-2015
    Beiträge
    3

    AW: Grafik langsam ein und ausblenden

    Mit jQuery hab ich noch nie gearbeitet und hab deswegen leider auch überhaupt keine Ahnung davon

  4. #4
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Grafik langsam ein und ausblenden

    Mit jQuery ist es mit Sicherheit einfacher als mit einfachem Javascript. Sieh dir mal die Dokus zu fadeIn(), fadeOut() und delay() an, dort sind Beispiele, die zeigen, wie es geht.

  5. #5
    j-l-n Guest

    AW: Grafik langsam ein und ausblenden

    Eval() is evil - und in diesem Fall komplett unnötig...

  6. #6
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.666

    AW: Grafik langsam ein und ausblenden

    Zitat Zitat von j-l-n Beitrag anzeigen
    Eval() is evil - und in diesem Fall komplett unnötig...
    eval() ist eine ganz normale js funktion, aber ja, hier in diesem Fall komplett unnötig

Ähnliche Themen

  1. Antworten: 11
    Letzter Beitrag: 25-03-2012, 19:18
  2. neue Seite langsam ein und ausblenden
    Von Gatsby im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 09-04-2010, 16:14
  3. Date Script mit Grafik/Jeden Tag eine neue Grafik
    Von shuser im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 18-07-2006, 20:37
  4. Antworten: 2
    Letzter Beitrag: 23-07-2005, 22:24
  5. Zu langsam???
    Von kakalake im Forum Serverseitige Programmierung
    Antworten: 3
    Letzter Beitrag: 10-11-2001, 23:42

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •