WebSite X5Help Center

 
Dietmar G.
Dietmar G.
User

Animation über die gesamte Website laufen lassen  de

Autor: Dietmar G.
Visitado 296, Seguidores 1, Compartilhado 0  

Ich möchte gern eine animimerte Figur quer über die Website laufen lassen (Text/Bild bleibt im Hintergrund). Bei eigenen Script heba ich dazu folgenden DIV-Tag eingesetzt:

<div style="position: absolute; top: 850px; left: 10px;">
<img src="files/lauf_links.gif" style="border: none;" alt="Lauf Animation">
</div>

<div style="position: absolute; top: 850px; left: 10px;">
<img id="hase" src="files/hasenlauf1a.gif" alt="Hase von rechts" style="border: none;">
</div>

"files/hasenlauf1a.gif" ist der Platzhalter für "files/lauf_rechts.gif"

Beide DIV liegen deshalb übereinander, weil die Richtung nach OnClickgeändert werden soll. Im W5-Vorschaubrowserfunktioniert das nur teilweise, da zwar dier lauf von links nach rechts ok ist, aber trotz zwei verschiedener Files nach dem OnClick stets wieder links nach rechts aber nicht rechts nach links gezeigt wird. Im Internet-Broser funktioniert das jedoch vom Server her überhaupt nicht. Wie bekome ich die Figuren in den Vordergrund und was muss ich tun, damit nicht die gleiche datei wiederaufgerufen wird, obwohl beide unterschiedliche Namen haben?

Auf älteren von mir nicht mit W5 programmierten Seiten funktioniert das SUPER!

Vielen Dank im Voraus für Eure Vorschläge.

Dietmar 

Publicado em
18 RESPOSTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De)  ... Sie sollten Ihren Link posten, damit wir die tatsächliche Situation online beurteilen können ...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dietmar G.
Dietmar G.
User
Autor

http://donnerwitz.de/versuchW5/wort-eintragen.php

Seite läuft noch als Versuch und kommt später in ein anderes Verzeichnis. Eigentlich sollte der Hase einmal von links kommen und wenn ein Wort eingetragen wurde von rechts und dabei ein "Danke, danke, danke"  zu hören sein. Aber auch ddiese Sounddatei wird nichtabgespielt. deshalb habe ich den OnClick-Befehl erst einmal wieder entfernt, so dass der Hase erst einmal nur von links kommen sollte. 

VG Dietmar

Ler mais
Publicado em de Dietmar G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... vielleicht habe ich es nicht verstanden, aber im Quellcode der Seite, auf die Sie verlinkt haben, gibt es keine Spur des <DIV>-HTML-Codes, den Sie in Ihrem ersten Beitrag gepostet haben...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dietmar G.
Dietmar G.
User
Autor

Sorry: Gibt es doch! Siehe Bildauschnitte der W5-Eintrag und PHP-Code

PS: Ich möchte doch darum bitten, meine noch nicht ganz fertigen Versuche dazu zu nutzen, portnografische Einträge als Test oder Schabernack zu benutzen. Die IP-Adressen werden mit gespeichert (IP: 91.22.97.233, IP: 87.2.219.67) und können jederzeit polizeilich nachverfolgt werden! Ihr stört damit den Frieden der Community-Gemeinschaft!

VG Dietmar

Ler mais
Publicado em de Dietmar G.
Dietmar G.
Dietmar G.
User
Autor

Hier das Bild vom W5-Vorschau-Fenster:

Ler mais
Publicado em de Dietmar G.
Andreas S.
Andreas S.
Moderator

Ich benötige hier keinen Code! Einfach in den Zeilenstil als Bild einfügen. MAn muss nur ein paar Dinge beachten und wie man es haben will. Ob im Hintergrund oder im Vordergrund usw...

LINK

Ler mais
Publicado em de Andreas S.
Dietmar G.
Dietmar G.
User
Autor

Hallo Andreas,

habe Deinen Vorschlag versucht. Doch in der W5-Vorschau läuft er hinter der Schrift und auf dem Server sieht man nur den Kopf - ansonsten würde er nicht an der gewünschten Stelle erscheinen, wenn ich eine andere Zeile nehmen würde. Zudem sehe ich keine Möglichkeiten in den Einstellungen dort auf Vordergrund/Hintergrund einstellen zu könne.

Geht offenbar nur, wenn die Zelle entsprechend dazwischen soll, aber nicht als über dem Text stehende Animation eingesetzt werden soll, da das Bild nur der Hintergrund definierbar ist und somit von den anderen Zeilen überdeckt wird. Die einzelne Zelle kann man nicht als Vordergrund definieren.

Zudem ist keine Lösung, wie der Hase dann mit Ton und umgekehrter Richtung bei OnClick geladen und angezeigt werden soll.

VG Dietmar

Ler mais
Publicado em de Dietmar G.
Andreas S.
Andreas S.
Moderator

MAn kann mit einer Zeile Code den Hasen auch über der Schrift laufen lassen. Allerdings höre ich keinen Ton von der GIF Grafik. Gibt es hier gesondert einen Code wo ein mp3 File etwas abspielt?

Ler mais
Publicado em de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... GIF-Dateien haben keinen Ton...
... Audiodateien werden nicht automatisch abgespielt, wenn keine Interaktion stattfindet...

1) ... Ich verstehe nicht, wo das GIF.Animation-Kaninchen erscheinen oder positioniert werden soll:
> a) ... über einem Objekt;
> b) ... unter einem Objekt;
> c) ... als Hintergrund eines Objekts;
> d) ... über einem Objekt.
2) ... wann es erscheinen soll:
>> A) ... automatisch;
>> B) ... beim Klicken auf eine Schaltfläche und wenn ja, welche Schaltfläche...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dietmar G.
Dietmar G.
User
Autor

Hallo Andreas, Hallo KolAsim,

eigentlich soll das Kannichen als zu Beginn von links nach rechts laufen - so als kleiner Spaßmacher. Nachdem das Formular richtig abegeschickt wurde rennt dann das Kaninchen entgegengesetzt von rechts bach links (also anderes Bild). Der Ton dazu erklingt aus einer mp3-Datei, die bereits im HEAD vorbereitet ist und später per Javascript mit dem GIF abgespielt wird. Dolche Spielchen habe ich schön öfter auf meinen Seiten einprogrammiert. Zur Zeit habe ich die Anweisungdazu allerdings aus dem W5-Script herausgenommen, da erst mal eine richtig funktionieren soll - nämlich Hase über der Schrift, nicht als Bild irgendwo zwischendrin!

Um zu verdeutlichen, was ich meine, habe ich einen kleinen Filmaussschnitt aus meiner neuen Weihnachtsseite erstellt - hier:

http://www.donnerwitz.de/video/Ausschnitt Weihnachtsseite 2025.mp4

Die einzelnen Objekte sind mit DIV-Tag übereinander gelegt (je weiter untem vor den /BODY desto weiter im Vordergrund.)

In meiner Frage hatte ich den DIV vom Hasen als letztes, ist aber trotzsdem nicht zu sehen - verschwindet offenbar hinter anderen Objekten. Über das Blindbild will ich dann nach dem fertigen Eintrag den 2. Hasen in anderer Richtung mit dem dazugehörigen aufrufen. Aber leider!!! Warum sich hier die DIV stören ist mir unklar.

VG Dietmar

Ler mais
Publicado em de Dietmar G.
Andreas S.
Andreas S.
Moderator

Das ist nur ein normales Video per Skript in reinem HTML Code gestartet ohne WSX5!

Wir können wenn nur helfen fertige Skripte einzubauen in WSX5, allerdings nicht nach einer Interaktion mit einem Sendebutton. Möglicherweise kann KolAsim hier weiterhelfen, aber hier wäre besser du schreibst in Englisch oder italienisch.

Ler mais
Publicado em de Andreas S.
Dietmar G.
Dietmar G.
User
Autor

Hallo Andreas,

natürlich ist das nur ein Video vom Screen (lasse ja meine Code nicht jetzt schon öffentlich). Meine fertige Weihnachtsseite wird ab November ins Netz gestellt. Ich wollte nur verdeutlichen, was man über DIV-Anordnung und dem dazugehörigen Sound machen kann, wenn DIV auch so funktionieren würde. Die Weihnachtsseite ist keine W5-Programmierung sondern ganz normales HTLM, leicht struktieriert und übersichtlich.

Zudem bin ich Ossi und Rentner. Englich und italienisch isind nicht die Sprachen, die ich gelernt habe!

VG Dietmar

Ler mais
Publicado em de Dietmar G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Andreas S.
... ... ... Möglicherweise kann KolAsim hier weiterhelfen, aber hier wäre besser du schreibst in Englisch oder italienisch.

Leider habe ich es nicht ganz verstanden; Google Translate hat mir nicht viel geholfen...
... Was ich verstanden habe war, dass das AUDIO-Tag falsch ist und im falschen HEAD-Abschnitt positioniert ist...!...
... das Modul ist nicht Teil des Programms und lädt die PHP-Ergebnisse dynamisch ...
... durch das Korrigieren des Audio-Tags könnte sich meiner Meinung nach ein Showbox-Fenster mit der Kaninchenanimation auf der Seite mit der Ergebnistabelle öffnen, und wenn die Showbox geschlossen wird, könnte somit der Begrüßungston des Kaninchens beginnen ...
...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dietmar G.
Dietmar G.
User
Autor

Warum, müllt mir die IP: 87.2.219.67 innerhalb von 24 Stunden mit über 150 Einträgen die Datenbank und das Mailfach zu? Das ist wenig Respekt gegenüber der Arbeit und der Freude der anderen und zeugt von Gemeinheit und wenig Achtung!

Ler mais
Publicado em de Dietmar G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... offensichtlich habe ich diese 15 Tests nur gemacht, um etwas zu verstehen, da es an Details mangelt, aber es ist offensichtlich, dass es jemand anderes auch versucht hat, da du um Hilfe gebeten hast...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Dietmar G.
Dietmar G.
User
Autor

Hallo KolAsim,

vielen Dank für Deine Ehrlichkeit, da ich in allen Einträgen nur eine IP gesehen habe, bin ich von einer Einzelperson ausgegangen. Heute früh kam nochmal ein leeres Formular, obwohl mit Captcha und Pflichtfeldern definiert. Gib es da noch bei Euch Probleme? Hattest Du weigsten Erfolg bei meiner Anfrage hinsichtlich dem Bild über alles?

VG Dietmar

Ler mais
Publicado em de Dietmar G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... es wären noch weitere Tests nötig...
... aber soweit ich nach verschiedenen Tests verstanden habe, führt das Klicken auf die Eingabetaste beim Öffnen der Ergebnistabelle dazu, dass die Seite neu geladen wird, als wäre es eine neue Seite...
... also könnte man, entsprechend meiner Logik im Zusammenhang mit meinen anderen Erfindungen, versuchen, es so zu gestalten, dass:
1) ...wenn die Tabelle erkannt wird, beim Neuladen automatisch eine Showbox mit der Animation des ein- und ausgehenden Kaninchens geöffnet wird;
2) ...dann würde ein Klick zum Schließen der Showbox automatisch den Begrüßungston aktivieren und Browserbeschränkungen umgehen...

3) ...aber das müsste alles noch einmal überarbeitet werden... theoretisch. Wenn sich die Showbox schließt, könnte das ein- und ausgehende Kaninchen wieder erscheinen, überlagert in der Mitte der Seite, gleichzeitig mit dem Ton...

...wenn und falls Sie das ausprobieren möchten, lassen Sie es mich wissen, und ich melde mich wieder...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪