Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Animiertes Flyout seitlich
#46
Firefox ok
Chrome ok
Safari ok
Edge oder wie dat Dingens heißt...auch ok
IE 6 nicht ok
IE11 habe ich nicht
Mit freundlichen Grüßen
Claus aus dem hohen Norden

...am achten Tag schuf Gott den Rechtsanwalt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#47
IE 11 : nicht OK

Also ich bin ja berüchtigt für Spielereien, aber mir ist das zu flippig.
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#48
IE 11 und älter interessiert mich nicht.

Wichtig sind die aktuellen Browser.

Wie sieht die Bedienung auf tablet per touch aus?
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#49
Moin,

am Tablet ist, bei der Bedienung am obersten Block, alles richtig.

Scrollt man ein wenig runter, geht das Flyout mit Animation auch richtig auf. Beim Schließen "springt" das Flyout aber unkontrolliert zu, die Animation (Overlay) schließt dagegen korrekt.

Meine persönliche Meinung zu dieser Animation ist allerdings: "furchtbar" :eek:

Ich fände die Variante 1, mit einem dezenten Overlay, sehr viel besser (vom Design her gesehen).
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#50
Moin,
Das springen kann ich jetzt nicht nachvollziehen.
Da muss ich sehen was passiert während der Bedienung. Also muss ich zusehen das ich mein tablet fertig bekomme.

Ja Animation ist ja vieles möglich.

War/ist ja nur ein Versuch für eine andere Animation gewesen.
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#51
Doch ich weiß warum das Flyout plötzlich schließt (springt). Ich habe die Korrektur für das vollständige Schließen mit einem Timer versehen und der scheint nicht richtig zu arbeiten.
Und es muss noch eine Klasse beim Öffnen entfernt werden und beim Schließen hinzugefügt werden!!
Surprised

Korrektur heute Abend
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#52
Hallo
So jetzt sollte die Variante2 auch funktionieren
Die Animation habe ich auch gleich mit geändert
:D

Bitte wieder ausgibig testen :reib:

Flyout Variante 2
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#53
Hallo,
wer dieses Flyout gerne nachbauen möchte kann sich das Tutorial über den Link aus dem ersten Post öffnen. Ich habe alle Aktualisierungen und Optimierungen im download ergänzt.

Bitte nutzt den Code aus dem Download
.
Der Code der in dem Tutorial steht dient lediglich zur Veranschaulichung wo was eingebaut werden muss.

Ihr müßt euch noch eine Grafik erstellen in der Größe von 200px x 300px und diese dann als Button an der Seite einfügen. Einfach draufklicken und dann eure Grafik wählen.

Viel Spaß
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#54
Hallo Andy

ich habe ja auch eine Test,- und Spieldatei...probiere da, wenn ich Lust und Zeit habe, dies und jenes aus.
Heute hatte ich Zeit und auch Lust!
Das Flyout-Dingsbums habe ich mal nachgebaut.
Was ich nicht hinbekommen habe, ist das leichte abdunkeln. (Brauch man wohl auch nicht)
Das Schließkreuz ist auch nicht vorhanden, brauicht man das hier????

Es funktionobelt auch auf den Handy... thumbs up

Hier der Link...

https://www.agentur28.de/bootstrap-test/...Slider.php
Mit freundlichen Grüßen
Claus aus dem hohen Norden

...am achten Tag schuf Gott den Rechtsanwalt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#55
(30.01.2020, 20:52)c-laus schrieb: Hier nur mit News-Button
https://www.agentur28.de/bootstrap-test/News-Flyout.php
Mit freundlichen Grüßen
Claus aus dem hohen Norden

...am achten Tag schuf Gott den Rechtsanwalt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Großes Flyout gesucht stobi_de 17 346 11.01.2020, 17:29
Letzter Beitrag: Werner123
  Animiertes Öffnen des Menüs? stobi_de 10 284 07.11.2019, 18:29
Letzter Beitrag: AndyNeu



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!