Seite 1 von 1

Javascript-Animation funktioniert nicht!

Verfasst: Di 24. Okt 2017, 10:10
von FotoWolf
Ich habe eine 360° Animation mit feuerball3d erstellt. Wenn ich nun alles auf meinen 1&1-Webspace lade, dann funktioniert die Animation in der Datei jacke_js.html auch. Wenn ich die Animation dann aber in eine meiner Seiten einbinde, dann funktioniert die Javascript-Animation nicht. :cry:
Was mache ich falsch?

http://www.fotowolf.de/typo3/index.php?id=2343njhu

Re: Javascript-Animation funktioniert nicht!

Verfasst: Di 24. Okt 2017, 13:20
von florian.bube
Das Problem liegt an dem Einsatz von zwei verschiedenen Javascript-Biliotheken. Eimal jQuery (mit dem auch feuerball3D läuft) und einmal Prototype (das ebenfalls auf Ihrer Webseite für eine Bildergalerie läuft). Beide Bibliotheken vertragen sich nicht zu gut.

Es gibt zwei Lösungswege:

1. Sie können die feuerball3D-Animation einfach als iFrame einbauen. D.h. die Animation läuft auf einer eigenen html-Seite (z.B. der Testhtml-Seite jack_js.html die vom feuerball3D-Programm erstellt wird) und wird per iFrame in Ihre Seite integriert. Da gibt es dann keine Konflikt, da die jQuery-Bibliothek im iFrame läuft.

2. Sie können die Konflikte der Bibliotheken korrigieren indem Sie einen "Konfliktmanager" aktivieren.
Weitere Infos dazu finden Sie z.B. hier:
http://www.mountaingrafix.eu/2008/08/19 ... einsetzen/

Ich beschreibe die Änderungen hier mal beispielhaft.

1. Die prototype.js/scriptacoulos.js muss auf der Seite vor der jQuery.js/+feuerball-Rest-js-Dateien geladen werden (also vor ihr stehen).

2. Statt (Zeile 71 im Beispiel):

Code: Alles auswählen

<script type="text/javascript">
$(document).ready(function(){ 
$('#image').reel({ xml: 'http://www.fotowolf.de/typo3/content/animationen/jacke.xml' }); 
});
</script>
schreiben Sie nun:

Code: Alles auswählen

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function(){ 
jQuery('#image').reel({ xml: 'http://www.fotowolf.de/typo3/content/animationen/jacke.xml' }); 
});
</script>

Und schon läuft es auch.
Viele Grüße
Florian Bube - feuerball3D