Auto-scrolling mit CSS

In meiner website [basiert auf wordpress] ich habe ein Projekt-slider (technisch Bild mit etwas text) . Aber, der regler ist nicht automatisch scrollen , dort ist ein button für Schiebetüren Links und rechts .

http://i47.tinypic.com/97uxz4.jpg

Ich Sie entfernen möchten, die Taste und stellen Sie es Schiebe-auto . Ich will nicht verwenden javascript . Ich will erreichen mit CSS . Ist es möglich wenn ja dann wie ?

Wenn es nicht möglich ist, was ist die kürzest mögliche Lösung um dies zu tun ,
Hier ist mein Arbeitsplatz

http://aniyanetworks.net/Blog

Vielleicht können Sie verwenden animations: developer.mozilla.org/en-US/docs/CSS/Tutorials/...
Wenn Sie nicht möchten, dass jeder Benutzer Steuerelemente an alle, CSS3-Animationen funktionieren könnte in modernen Browsern. Ich bin mir nicht sicher was ist falsch mit JavaScript, aber.
um ehrlich zu sein , ich bin nicht gut mit JS 🙁
Zeit, das zu ändern. 🙂 jQuery macht es sehr intuitiv, relativ gesehen.
offtopic:ich kenne die grundlegende, von JS , Wenn ich jetzt erfahren, jquery , kann ich JS vermeiden ?

InformationsquelleAutor Shuvro Shuvro | 2013-03-18

  1. 2

    Hier ist ein Beispiel (Fiddle) mit animations. Sie könnten diese an Ihre .post-list:

    .post-list {
    animation: slide infinite 3s alternate;
}

@keyframes slide {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: -100px;
  }
  100% {
    margin-left: -200px;
  }
}

    Deaktivieren der animation auf hover verwenden:

    .post-list:hover {
    animation-play-state: paused;
}

    Vergessen Sie nicht die vendor-Präfixe (-webkit-... und so weiter), wie in Allendars Antwort.

    Aber natürlich müssen Sie spielen, um. Dies sollte nur ein Hinweis darauf, wie es funktionieren könnte.

    Danke, was ist @keyframes?
    Das ist css3 animations. Ich habe schon postet einen link, wo man die Informationen im ersten Kommentar auf Ihre Frage.
    Ihre Geige ist unvollständig Linus, bitte aktualisieren Sie es, um zu zeigen, der Verweis auf die animation zumindest. Für mehr details überprüfen Sie bitte meine Antwort, es ist eine funktionierende version.
    Sie meinte den code in der Antwort, richtig? Meine Geige war bereits funktioniert.
    Neutral animation scheint nicht zu funktionieren in Safari. Ich denke, dass ich falsch eingeschätzt, basiert auf dieser Tatsache. Code scheint zu funktionieren mit der extra-pseudo-styling 🙂

    InformationsquelleAutor Linus Caldwell

  2. -3

    Können Sie nicht in der Lage zu tun, viel animation mit css. JavaScript ist der Weg zu gehen. Ich bin auch versuchen, den Dreh raus... Goodluck für Sie.

    Das ist falsch, Sie können eine Menge tun, schauen Sie in den übergängen und 3d-Transformationen
    LOL... ich weiß jetzt besser. Dank

    InformationsquelleAutor Emmanuel Olonade

Schreibe einen Kommentar