Assistance Implementing 360 image in HTML document

lone wolf

New member
I am not sure exactly what I am doing wrong. I copied and pasted my codes into the index file uploaded it to my school server for testing purposes. The page acts like it is going to load the image viewer, however the images never load. It just scrolls across the top of the image box. I am a college student and unfortunately am not very familiar with JavaScript yet. Can you please assist me with this matter. A link to the testing site is as follows:

http://sotd.us/susankenyon/lechatdesignsjewelry/

If you need any additional information, please let me know as I am new to all of this. Thank you.
 

WebSupport

Active member
Hi there! Looks like it's late now and you already removed the script from your page. I suggest to put it back and we will make it work. As I saw it yesterday you were really close to making it work since the progress indication was visible and it was just the path to your 360 view which was likely slightly off... Anyways, ping us here if you still need help with this.
 

lone wolf

New member
Thank you for the response. I put the page back up. Sorry, I was working on it and trying to find another way to put in a 360 image with no success. Any assistance you can provide me is most appreciated.
 

WebSupport

Active member
Hi! Please download the latest update from the link below (as you are using the latest jQuery version on your page that we only support in the latest 3.5 update that you will find in this link). You just need to replace your imagerotator folder with the one included in the download.

http://www.webrotate360.com/Blog/post/W ... pdate.aspx

This update doesn't support Flash and you already have jQuery referenced on your page (at the bottom of the page) so you will also need to remove these lines from that page above:

<script type="text/javascript" src="http://sotd.us/susankenyon/lechatdesignsjewelry/imagerotator/html/js/swfobject.js"></script>
<script type="text/javascript" src="http://sotd.us/susankenyon/lechatdesignsjewelry/imagerotator/html/js/jquery-1.7.1.min.js"></script>
_imageRotator.settings.swfFileURL = "http://sotd.us/susankenyon/lechatdesignsjewelry/imagerotator/imagerotator.swf";

Let us know if it doesn't work...
 

lone wolf

New member
Thank you again for the response. Unfortunately, I still cannot get it to work. If I remove the java script from the bottom of the page it makes the page so the menu at the top is no longer mobile friendly. Is there a way to have both scripts working on the page? A link to the the revised page is as follow:

http://sotd.us/susankenyon/lechatdesign ... /beta.html

Please let me know what I need to do. Thank you.
 

WebSupport

Active member
Hi, you can move all your scripts back to the bottom where they were before - as long as imagerotator.js is included after the jQuery include, all should be fine.

In your current setup, 360 viewer is trying to load the following xml configuration and can't find it in this location:
http://sotd.us/susankenyon/lechatdesign ... config.xml

It's this line below that points to the missing xml currently (line 46):

configFileURL: "360_assets/SampleShoe/config.xml"

You also need to remove the following line as you already have jquery included above as jquery-latest.min.js:

<script type="text/javascript" src="Beta/imagerotator/html/js/jquery-1.8.3.min.js"></script>

Please let us know if this helps.
 
Top