Ankündigung

Einklappen
Keine Ankündigung bisher.

Animation beim Wechsel der Seite

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Animation beim Wechsel der Seite

    Hallo miteinander.
    Ich hätte ein Anliegen an diese erlauchte Runde. Ist es möglich mit JS oder CSS eine Animation auf Objekte zu hinterlegen, die eintreten, wenn man innerhalb der Webseite die Seite wechselt? Ich hatte mir das so gedacht, dass meine Elemente alle aufblenden oder 'rein fliegen' ins Bild und wenn man auf eine andere Unterseite innerhalb der Seite wechselt, die Elemente erst kurz wieder 'raus fliegen' bevor die neue Unterseite geladen wird. Fällt jemanden etwas dazu ein?
    Ein bisschen bin ich von dieser Seite inspiriert :
    Scopri e acquista un'esperienza di benessere unica ed esclusiva nel mondo QC Terme

  • #2
    Wenn du einen normalen Seiten wechsel machst ( auch als unterseite ) wird die Seite ja ganz gewechselt sobald man auf einen Link klickt und man kann keine Animation mehr sehen die nach den klick kommt. Beim Seite betretten kann man natürlich die Container auf blinken ,fliegen oder sonst was lassen. Soll aber beim Seitenwechsel der Container auch beim verlassen wieder raus fliegen muss man wohl zu Ajax oder so zugreifen. Damit bleibt man immer auf einer Seite und ändert nur den Inhalt der Seite und kann dann animieren wie du es vor hast und auch Musik abspielen ohne unter brechungen zu haben
    Mein (Basti1012) Forum und Chat

    Kommentar


    • #3
      Die Logic der von dir angeführten Seite kannst du dir hier mal an einem Beispiel anschauen - https://www.youtube.com/watch?v=o8DTzU0Iol8&t=315s

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.375   Beiträge: 428.047   Mitglieder: 27.714   Aktive Mitglieder: 77
      Willkommen an unser neuestes Mitglied, Jugl.

      Online-Benutzer

      Einklappen

      620 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 617.

      Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31

      Kostenlose Homepage bei Jimdo!

      Einklappen

      Jimdo

      Die neuesten Beiträge

      Einklappen

      • Atlan
        hreflang Tags
        Hallo,
        habe immer noch ein Problem mit den hreflang Tags

        unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
        -----------
        <!DOCTYPE html>
        <html lang="de">
        ...
        23.03.2019, 16:41
      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Fragman
        Ausgabe als Link
        Hallo...

        habe eine Datenbank mit Songtexten mit Ausgabe auf einer Webseite. Es gibt eine Vorauswahl der Titel nach Buchstaben.
        Angezeigt wird dann eine Liste der Titel und des Interpreten.
        Wie mache ich aus der Ausgabe der Titel einen Link der dann den entsprechenden Text anzeigt??...
        21.03.2019, 21:05
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Rudolfo
        Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
        Also ich bin auch ein überzeugter Cloud-Nutzer. Deswegen würde ich dir die Ratgeber von G Data empfehlen. Dieser zeigt alle Angebote, wichtige Information und erklärt auch ein paar Hintergründe. Ich bin selber auch durch den Ratgeber auf die Option der Cloud aufmerksam geworden und er hat mich überzeugt....
        ☁ Fotos, Videos, Dokumente: Einfach in die Cloud laden und teilen.☀ Wir zeigen Ihnen, wie sie funktioniert und wie im Cloud-Speicher alles sicher bleibt! ☁
        Gestern, 14:20
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31
      • Fragman
        Antwort auf Ausgabe als Link
        ..und jetzt die Frage aller Fragen:
        Wie sieht das als PHP-Code aus?????
        Gestern, 08:12
      • Sempervivum
        Antwort auf Ausgabe als Link
        Nein, überhaupt nicht: Du brauchst nur eine PHP-Seite, diese bekommt Interpret und Titel als Parameter übergeben, liest den Text aus der Datenbank und zeigt ihn an....
        23.03.2019, 18:58
      Lädt...
      X