Getting Started -- Floatbox

Page: 1

Author Post
Member
Registered: Apr 2016
Posts: 6
I don't understand why Floatbox isn't working.
Windows 10 w/ Chrome
"Click me" (orange text) add as test
site is cemeteryone.com/peabody/index.html
key was added to .js file

<admin>
large chunk of html page code removed
</admin>
« Last edit by admin on Thu Apr 28, 2016 8:43 am. »
Member
Registered: Apr 2016
Posts: 6
BTW -- Floatbox located at same level as path to .jpg file referenced in "Click me"
Administrator
Registered: Aug 2008
Posts: 3382
Quote
Failed to load resource http://cemeteryone.com/floatbox_711/floatbox/floatbox.js: the server responded with a status of 404 (Not Found)
Member
Registered: Apr 2016
Posts: 6
I think there's an extra "floatbox" in the path...
« Last edit by rivergh on Thu Apr 28, 2016 9:09 am. »
Member
Registered: Apr 2016
Posts: 6
No...still no good.

<link rel="stylesheet" href="../../../floatbox_711/floatbox.css"/>
<script src="../../../floatbox_711/floatbox.js"></script>
Member
Registered: Apr 2016
Posts: 6
Are special permissions need at the server for Floatbox to work? What error does it get now? I don't know how to get error information, as none shows -- the .jpg just shows without errors.
« Last edit by rivergh on Thu Apr 28, 2016 9:29 am. »
Administrator
Registered: Aug 2008
Posts: 3382
The path in the <head> of your page's HTML is "../../../floatbox_711/floatbox/floatbox.js". By the time the browser sorts out all the dots and slashes, this equates to path of "http://cemeteryone.com/floatbox_711/floatbox/floatbox.js".

There is no floatbox.js file on the server at that location, hence it cannot load, hence it cannot run.

There is a floatbox.js file at "http://cemeteryone.com/floatbox_711/floatbox.js".
Your hunch that there is an extra "floatbox/" in your path reference appears to be correct, so fix the reference by removing that. Make the include path refer to where the file actually is.
Member
Registered: Apr 2016
Posts: 6
At last! Apparently, my edits weren't necessarily being properly saved. Thank you for you kind patience! This non-programmer is **excited** to get the functionality Floatbox offers!!

Page: 1