Webeffekt Animation

tobias-scherrer schrieb am 02.11.2015 um 08:34 Uhr

Ich habe den WB 10 und würde gerne mittels Code, nach dem Prinzip von WD 11, wie es auf dessen Demoseite gezeigt wird, wenn ich auf eine Seite scrolle, dass dann ein Bild etc bspw von rechts hinein gleitet. Wie es hier bereits schon einmal beschrieben wird, muss man sich dafür ein Dummy Objekt auf der Ebene MousOff erstellen. Dann muss man zusätzlich eine neue Ebene einrichten bspw P1. Nun muss man das DummyObjekt mit der Ebene P1 verlinken, Der dritte Punkt ist, dass ich bei Webeigenschaften den Code <body OnLoad="xr_cpu(4), xr_cpu(5)"> in den Hmtl Body Bereich eingebe.

Trotzdem funktioniert es bei mir nicht. Wenn ich die Website Vorschau mache erscheint nur der Dummy ... jedoch kein Bild und auch nciht Text - es gleitet nichts hinein. Komischerwiese baer wenn ich auf den Dummy klicke mit der Maus, dann gleitet von rechts das Bild hinein. Ich würde es aber gerne haben dass es automatisch hinein gleitet bei Aufruf der Seite.

Kann mir jemand helfen? Wo mache ich den Fehler?

Für den Support bedanke ich mich herzlich.

Grüsse aus der Schweiz, Tobi

Kommentare

BeRo schrieb am 02.11.2015 um 20:44 Uhr

Du schreibst leider nicht, auf welchen Thread Du Dich beziehst.
Die Bruchstücke des Codes, die Du gepostet hast, lassen vermuten, dass Du eine Funktion umsetzen möchtest, die beim Laden der Seite gestartet wird (<body onload>). Das widerspricht Deiner Absicht, die Objekte erst bei einer bestimmten Scrollposition einzublenden.

Wenn du also zunächst genau definierst, was Du wie erreichen möchtest, findet sich bestimmt eine Lösung für Dein Problem...

[...] Wenn ich die Website Vorschau mache erscheint nur der Dummy [...]

Dann hast Du den Dummy Button noch im sichtbaren Bereich der Seite positioniert. Wenn Du den Indexwert für die Verlinkung festgestellt hast, muss der Dummy Button aus dem Seitenbereich "verschwinden", er darf aber nicht gelöscht werden.

Lies Dir unbedingt mal diesen Kommentar durch, da habe ich detailliert beschrieben, wie Du vorgehen musst, um Objekte beim Seitenstart "einfliegen" zu lassen. Am besten liest Du den kompletten Thread sorgfältig, da findest Du auch Links zu weiterführenden Infos bzw. zu einer online Demo und einen Download-Link zu einer Projektdatei für eigene Experimente.

Viel Erfolg

tobias-scherrer schrieb am 03.11.2015 um 14:09 Uhr

Hallo Du

Zuerst einmal vielen Dank für Deinen Support. Ich muss irgendwo einen Fehler haben. Mein Ziel ist es, dass entweder bei Seitenaufruf oder bei einer längeren Seite beim durchscrollen ein Bild / Element einfliegt. Nun habe ich alles so gemacht - bereits schon zuvor - wie es in der Projektdatei aufgestellt ist und im Thread beschrieben wird. Ich habe Dies auch mit den Dummies verstanden, dass diese am Schluss von der Bildfläche verschwinden müssen - jedoch für das Testen habe ich Sie noch dort gelassen. Wenn ich dann in die Vorschau gehe ... kommt das Element nicht hinein geflogen. Wenn man jedoch auf den Dummie klickt mit der Mouse, dann kommt das Element wie gewünscht eingeflogen. Meine Absicht ist aber, dass es selbständig geflogen kommt.

Du hast das sehr gut beschrieben und es ist absolut verständlich - das kann also nur heissen, dass ich irgendwo ein Fehler habe. Ich würde mich sehr freuen, wenn Dies durch meine Beschreibung jemandem ersichtlich ist.

Merci viel mol, liebe Gruess

BeRo schrieb am 03.11.2015 um 15:54 Uhr

[...] Wenn man jedoch auf den Dummie klickt mit der Mouse, dann kommt das Element wie gewünscht eingeflogen [...]

Dann liegt die Ursache des Problems in der Art des Aufrufs der Funktion, die für das Einblenden der popup Ebene zuständig ist.

In meiner Demo sind das die Funktionen "xr_cpu(4)" und "xr_cpu(5)". Wenn Du z. B. die Ebene 4 als popup Ebene benutzt und wenn die Funktion beim Öffnen der Seite gestartet werden soll, dann muss der Funktionsaufruf im HTML Body der Seite so aussehen:

---------------------------
<body OnLoad="xr_cpu(4)">
---------------------------

Ich unterstelle mal, dass Du weißt, wie Du den Indexwert einer popup Ebene feststellen kannst. Wie die Ebenen vom WD nummeriert (indexiert) werden, das habe ich in verschiedenen Threads schon erklärt, z. B. hier und hier.

Probier's nochmal.

Viel Erfolg

tobias-scherrer schrieb am 05.11.2015 um 09:04 Uhr

Hallo.

Noch eine kleine Frage. Ich habe die Website nochmals von vorne begonnen, weil es bei mir immer zum Resultat führte, wenn ich es nach Deiner Anleitung die einfliegenden Objekte programiert habe, dass dann in der Vorschau, das Obejkt nicht hinein geflogen kam - nur wenn ich den Dummy auf sichtbar machte war es möglich auf den zu klicken und dann kam das Objekt eingeflogen - jedoch nicht von allein.

Nach langem testen habe ich gemerkt, dass sobald ich in der Webeinstellung unter dem Reiter Website folgenden Code eingebe (unter Html Body Code), dass dann das mit dem einfliegen nicht mehr funktioniert:

html, body {
background-color: #000000;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-image: url(index_htm_files/hintergrund.jpg);
background-repeat: no-repeat;
background-position: center top;
}

Dieser Code sollte das Hindergrund Bild fixieren, damit es beim scrollen sich nicht bewegt. Kann das sein, das dies der Grund ist, warum die Objekte nicht mehr eingeflogen kommen, sondern nur noch per Mausklick in der Vorschau auf dem sichtbaren Dummy hinein geflogen kommt?

Für Euren Support bedanke ich mich herzlichst und hoffe, dass es nicht zu grosse Umstände macht.

Lieber Gruss

BeRo schrieb am 05.11.2015 um 13:46 Uhr

[...] Dieser Code sollte das Hindergrund Bild fixieren, [...] Kann das sein, das dies der Grund ist, warum die Objekte nicht mehr eingeflogen kommen [...]

Genau das ist der Grund. Aber nicht der ursprüngliche Code ist Schuld sondern die Variante, die Du "kreiert" hast

Du hast das schließende </style> Tag "unterschlagen", der WD nimmt daher bei der Interpretation des Codes an, dass der HTML Funktionsaufruf <body onload="xr_cpu(4)"> noch zum CSS Code gehört. Klar, dass das nicht funktionieren kann...

So sollte der vollständige CSS Code aussehen, der das Hintergrundbild fixiert:

---------------------------------
<style type="text/css">
html, body {
background-color: #000000;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-image: url(index_htm_files/hintergrund.jpg);
background-repeat: no-repeat;
background-position: center top;
}
</style>
---------------------------------

Das in Deiner Variante fehlende, schließende </style> Tag ist oben gelb markiert. Wenn du das in Deiner Projektdatei nachträgst, wird alles gut.

Viel Erfolg

tobias-scherrer schrieb am 07.11.2015 um 09:33 Uhr

Hallo

Herzlichen Dank für Deine Hilfe. Ich habe stundenlang alles abgesucht resp jede Variante getestet und fand den Fehler nicht. Es scheint, dass die Wissenschaft Informatik tatsächlich von einem einzelnen Wort abhängen kann, welches dann kausale Auswirkungen auf eine ganze Website haben kann.

Ich finde es super, dass ich nun sowohl einen fixierten Hintergrund wie auch einfliegende Objekte / Texte in meine Seite involvieren kann. So macht es viel Spass und Freude.

Erholsames Wochenende. Viele Grüsse aus Zürich (Switzer-land-e)

Gruess Tobi