Probleme mit Magic360 unter Wordpress

DerZynx · 10/27/2015, 13:11

Guten Tag,

Ich probiere jetzt schon den ganzen Morgen Magic360 in meine Wordpress-Installation zu bringen.

Das Plugin ist installiert und gibt keine Fehler aus. Allerdings habe ich ein Problem eine 360° Ansicht einzubinden.

Die Bilder sind alle ordnungsgemäß beschriftet wie z.B. bildname-01.JPG

Ich benutze zum einbinden folgenden Code:

HTML Code:

<img class="Magic360" src="LINK ZUM BILD" alt="" width="1797" height="3456" data-magic360-options="filename:bildname-{col}.JPG" />

Das Bild wird normal angezeigt nur eben die 360° Ansicht nicht.

Den Code habe ich nach folgendem Video geschrieben:

Wäre nett wenn mir jemand helfen könnte.

Meliō. · 10/27/2015, 13:40

Sicher das das Bild auch 360° ist? Also mit einer 360° gemacht wurde?

Woher soll er denn sonst wissen, wie das Bild auf der Rückseite aussieht

HTML Code:

<a href="#" class="Magic360 desktop" data-magic360-options="filename:ipod-{col}.jpg; columns:72; autospin:infinite; speed:25;" style="-webkit-user-select: none; -webkit-tap-highlight-color: transparent; display: inline-block; visibility: visible; overflow: hidden; position: relative; vertical-align: middle; text-decoration: none; color: rgb(0, 0, 0); outline: none; background-image: url(https://magictoolbox.sirv.com/images/magic360/ipod-01.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-72.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-71.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-70.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-69.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-68.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-67.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-66.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-65.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-64.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-63.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-62.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-61.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-60.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-59.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-58.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-57.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-56.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-55.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-54.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-53.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-52.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-51.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-50.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-49.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-48.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-47.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-46.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-45.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-44.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-43.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-42.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-41.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-40.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-39.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-38.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-37.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-36.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-35.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-34.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-33.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-32.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-31.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-30.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-29.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-28.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-27.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-26.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-25.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-24.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-23.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-22.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-21.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-20.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-19.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-18.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-17.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-16.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-15.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-14.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-13.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-12.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-11.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-10.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-09.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-08.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-07.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-06.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-05.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-04.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-03.jpg), url(https://magictoolbox.sirv.com/images/magic360/ipod-02.jpg); background-size: 400px 265px; background-position: 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px 0px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px, 0px -10000px; background-repeat: no-repeat;"><img src="//magictoolbox.sirv.com/images/magic360/ipod-01.jpg" alt="" width="400" height="265" style="width: 100%; opacity: 0;"></a>

siehst du was ich meine? Das ist dein toller iPod

DerZynx · 10/27/2015, 13:45

Die 360° Ansicht wird aus einzelnen Bildern zusammengesetzt. Diese befinden sich alle im selben Verzeichnis wie das erste Bild. Mit filename:bildname-{col}.JPG werden denke ich im Zusammenspiel mit der Magic360-class die anderen Bilder abgerufen. Laut dem Video sollte es mit dem obenstehenden Code funktionieren.

Im Plugin ist ja auch noch eine .js Datei die denke ich dafür sorgt dass alles funktioniert.

Wer mir hilft wird auch mit meinem restlichen E*Gold entlohnt.

Meliō. · 10/27/2015, 13:48

Quote:

Originally Posted by DerZynx

Die 360° Ansicht wird aus einzelnen Bildern zusammengesetzt. Diese befinden sich alle im selben Verzeichnis wie das erste Bild. Mit filename:bildname-{col}.JPG werden denke ich im Zusammenspiel mit der Magic360-class die anderen Bilder abgerufen. Laut dem Video sollte es mit dem obenstehenden Code funktionieren.

Wer mir hilft wird auch mit meinem restlichen E*Gold entlohnt.

Vielleicht hilft dir das auch ein bisschen weiter:

sowie das:

DerZynx · 10/27/2015, 14:39

Habe jetzt mit dem Wizard einen Code generiert aber trotzdem keine Änderung. Das erste Bild ist trotzdem das einzige was angezeigt wird. Magic360 wird nichtmal geladen.

Mein aktueller Code:

HTML Code:

<a href="http://www.elitepvpers.com/forum/images/seraphin/seraphin-01-01.JPG" class="Magic360" data-magic360-options="columns: 27; rows: 1; fullscreen: false; filename: seraphin-{row}-{col}.jpg; large-filename: ; filepath: images/seraphin; large-filepath: images/seraphin;" ><img src="http://www.elitepvpers.com/forum/images/seraphin/seraphin-01-01.JPG"/></a>

Ohne das Elitepvpers.com keine Ahnung warum zur Hölle das da eingefügt wird.

Menan · 10/27/2015, 22:01

Hast du denn die Dateien auch richtig eingebunden?
bzw befinden sie sich in den Website resources?

Wenn magic nichtmal geladen wird, muss ja die js Datei fehlen..

DerZynx · 10/28/2015, 15:11

Habe das Paket wie auf der Seite beschrieben auf meinen Webspace hochgeladen und es wird mir auch im ACP von Wordpress angezeigt. Die .js Datei habe ich auch hochgeladen. Ist mit eval encoded. Es funktioniert weder decoded noch encoded.

DerZynx · 10/31/2015, 21:19

Push

fr3k4life · 11/04/2015, 08:39

Hast du mal geschaut ob die Javascript Datei überhaupt im Quellcode zu sehen ist?
Bzw. geladen wird?
--
Ein weiterer Fehler könnte sein, dass du 2x jQuery eingebunden hast.
oder noch eine zweite funktion auf dieses Element läuft.