Probleme mit Magic360 unter Wordpress

10/27/2015 13:11 DerZynx#1
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.
10/27/2015 13:40 Meliō.#2
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
10/27/2015 13:45 DerZynx#3
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.
10/27/2015 13:48 Meliō.#4
Quote:
Originally Posted by DerZynx View Post
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:

[Only registered and activated users can see links. Click Here To Register...]

sowie das:

[Only registered and activated users can see links. Click Here To Register...]
10/27/2015 14:39 DerZynx#5
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.
10/27/2015 22:01 Menan#6
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..
10/28/2015 15:11 DerZynx#7
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.
10/31/2015 21:19 DerZynx#8
Push
11/04/2015 08:39 fr3k4life#9
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.