• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fade in Fade out Automatisch

F

FearEx

Neues Mitglied
Hallo, ich bin neu im HTML bereich und wollte mal etwas hilfe besorgen.
Ich habe vor links an der Seite eine Box rein und rausfahren zulassen (Automatisch)

z.b. das Links eine Boxrausfährt mit "Facebook Followme" dann geht es weg und dannwenig später kommt "Twitter Followme"
und da soll eine unedlich schleife drin sein.

Ich hab bislang nur:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="M">
<meta name="design" content="M">
<head>
  <meta charset="utf-8">
  <style>
  p {
    width: 400px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body onload="">

<button>Toggle</button>
<p>
  TEXT blabla
</p>

<script>
$( "button" ).click(function() {
  $( "p" ).slideToggle( "slow" );
});

    setTimeout(function(){
      //deferred onload
    }, 2000);
</script>

</body>
</html>

aber ich will, dass es ohne Button geht und mit unendlichschleife.
Das ganze wird auf keiner Homepage zu sehen sein sonder im Stream.
Bitte um Hilfe, danke im vorraus
 
Also wenn ich dich richtig verstehe, funktioniert alles wie gewünscht, nur der Start der Funktion sollte automatisch geschehen. Was spricht dagegen, die Start-Funktion mit dem onload-Event des <body> zu verbinden. Ich benutze jQuery nicht, aber ich glaube, da gibt es da etwas entsprechendes wie ready https://api.jquery.com/ready/
 
//EDIT

Ein Bild fährt schonmal raus und dann wieder rein.
Wie mach ich jetzt, dass da immer das nächste Bild reinfährt und das in einer unendlich schleife?

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="M">
<meta name="design" content="M">
<head>
  <meta charset="utf-8">
  <style>
  p {
    width: 400px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>
  <img src="clan.png">
</p>

<script>
$( "onload" ).ready(function() {
  $( "p" ).slideToggle( "slow" );
$( "p" ).delay(500).slideToggle( "slow" );
});

    setTimeout(function(){
      //deferred onload
    }, 2000);
</script>

</body>
</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben