WBCE CMS Forum

cliff

Mitglied

JQuery oder wie auch immer ...

Hallo,

ich weiß, dass diese Frage hier womöglich nicht ganz hinein gehört, aber womöglich ist hier jemand, der mir dann doch weiterhelfen können. Google konnte mir bei dieser Frage nicht wirklich Auskunft geben ^^

Und zwar möchte ich eine neue Seite erstellen, bei der die div-Container nach einer Reihenfolge erscheinen und zwar als Zoom-Effekt (also hereinfliegen vom Mittelpunkt) ... Gesehen habe ich diese Animation hier: Klick mich für externen Link

Hat hier jemand eine Idee, wie ich das mit jquery oder css animation hinbekomme? Vor allem das zeitlich unterschiedliche Erscheinen, sowie der Effekt an sich gefallen mir sehr

Ich hoffe, dass ist hier im OFF Topic erlaubt ... ansonsten einfach löschen ^^

Grübelnde Grüße
Cliff

P.S. Ich weiß auch, dass es Foren speziell zu Jquery und css gibt, aber ich fühle mich hier so wohl und will nicht noch mehr Accounts

Beitrag geändert von cliff (17.05.2018 18:10:52)

screamindan

Mitglied

Re: JQuery oder wie auch immer ...

Ich denke Teasers kann das...
http://wbce.at/tpls/unterseiten/teaser. … tch=vertal

screamindan

Mitglied

Re: JQuery oder wie auch immer ...

Ähm eher Teasers 2...
https://wbce.at/tpls/unterseiten/teaser/teaser2.php

cliff

Mitglied

Re: JQuery oder wie auch immer ...

hui ... das Modul ist schon sehr cool und wird sicherlich bald eingesetzt, aber so ganz kriege ich damit die gewünschte Animation einer Startseite wie in dem oben eingestelltem Link leider nicht hin!

Trotzdem schon mal danke ... schönes Ding!!!

colinax

Developer

Re: JQuery oder wie auch immer ...

Hallo cliff,

ich habe mir mal deinen Wunsch ansehen, leider wird dir das keiner kostenlos 1:1 zeigen/machen wie das geht.

Die Seite basiert auf Joomla und das Design wurde mit js Frameworks, diversen Tools und eigenen Code zusammengestellt.

Was du machen könntest ist ein Gallerie Script suchen dass ungefähr dem entspricht was du dir vor stellst und die Community hilft dir das in die RFG einzubauen und anzupassen.

Für einen Obolus sind auch einige hier im Forum bereit die Aufgabe zu übernehmen.

LG Colinax

grindbatzn

Gast

Re: JQuery oder wie auch immer ...

Ich würde dem Kunden einfach sagen: Teasers ist viel günstiger, praktischer und auch nicht übel.
Du kannst ja Slider und Teaser-Boxen gleichzeitig verwenden, aber eben nicht so mischen.

Wenn er trotzdem drauf besteht:
Das beinhart runterklauen, löschen was ich nicht brauche, den Rest vorsichtig umbauen.
Erfahrungsgemäß ändert sich sowas kaum mehr, man kann es also einfach als statischen Block reinhängen (über Code)
Dafür braucht man ein paar Stunden. Ich würde € 300,- (netto) dafür veranschlagen.

Beitrag geändert von grindbatzn (18.05.2018 10:52:03)

webbird

Administrator

Re: JQuery oder wie auch immer ...

Also zunächst mal sind das einfach Slider, da kannst Du Dir prinzipiell so ziemlich jeden aussuchen, der Dir gefällt. Z.B. hier. https://dcrazed.net/free-responsive-jqu … e-sliders/

Das zweite ist das zeitversetzte Erscheinen. Im einfachsten Fall hast Du z.B. 5 Elemente, also z.B. 5x den gewünschen Slider. Jedes dieser Elemente hat eine eindeutige ID. Jetzt kannst Du mit CSS oder jQuery jeweils zeitversetzt die Animation ausführen, einfach indem Du den Beginn der Animation beim Aufruf ein bißchen anders steuerst.

Einführung CSS3 Transitions: http://pepe-juergens.de/2013/01/css3-tr … r-effekte/

Der "Zoom in"-Effekt ist auf der von Dir verlinkten Seite zumindest für mein Auge vom Timing her immer gleich, er startet nur unterschiedlich für die einzelnen Elemente. Demnach würdest Du einmal den Zoom in basteln, das wäre eine einfache Größenänderungs-Transition. Davor klemmst Du einen Timer, der für jedes Element unterschiedlich lang ist.

https://www.css-wiki.com/css-eigenschaf … tion-delay

Mit Javascript wird es vermutlich schöner aussehen und Du könntest sogar noch einen Schritt weiter gehen und die Zeitverzögerung für jedes Element per Zufallsgenerator bestimmen, so dass die Elemente nicht bei jedem Aufruf in der gleichen Reihenfolge erscheinen.

Beitrag geändert von webbird (18.05.2018 10:52:33)

---

Ich habe eine Amazon-Wishlist. Oder spende an das Projekt.
Ich kann, wenn ich will, aber wer will, dass ich muss, kann mich mal

cliff

Mitglied

Re: JQuery oder wie auch immer ...

Moin ... konnte jetzt erst wieder lesen und bedanke mich für die ganzen Tipps und Anregungen!

Das Ding ist, ich möchte es gerne für mich selber umsetzen, allein schon als Herausforderung Also kann ich es keinem berechnen oder ihm Teaser schmackhaft machen ...

Mit css und delay habe ich es auch zumindens versetzt hinbekommen, aber die Animation des Zoom in fehlt mir da ...

Hier eine Probeseite ...

Ich muss mich nächste Woche mal durch das ganze Netz ackern  und einiges ausprobieren ... Ansonsten wäre TEASER eine sehr schöne Alternative für meine neue Startseite und vor allem auch im Backend und Frondend zu editieren