Hello - I have been playing with this to work for several hours. I usually catch on quick but this time I'm stumped. I attempted to unzip the floatbox directory and place it in the root folder of my website.. where the index.html is.. etc.
My thumbs display but whe clicked just the photo is displayed - nothing with floatbox effects.. so I removed the slash / in front of /floatbox/floatbox.css and /floatbox/floatbox.js to see if it was following the correct path.. I got an error that floatbox didn't support quirks mode.. SO that tells me it was looking at the correct path.. What gives?
Here is some very simple code.. does anyone see anything that sticks out here?
<html>
<head>
<title>Royal Arts Center -4 Redheads Studio</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link type="text/css" rel="stylesheet" href="/floatbox/floatbox.css" />
<script type="text/javascript" src="/floatbox/floatbox.js"></script>
</head>
<div class="hr"></div>
<p><b>Meet the Artist</b></p>
<div class="thumbnails">
<a href="images/erica.jpg" rel="floatbox.pix" title="Erica Nashan"><img src="images/erica-063-th.jpg" alt="" /></a>
</div></div>
</div></body>
</html>
Regards
George
Not working... suggestions?
Page: 1
| Author | Post |
|---|---|
|
czarg
|
#1 Sat Feb 07, 2009 6:31 pm
|
| Guest | |
|
czarg
|
#2 Sat Feb 07, 2009 7:06 pm
|
| Guest |
BTW - This is on my local system (computer) both FF and IE does not work..
I followed the other steps in the rudimentary post which appears to be the same issue. Just to say that did remove the / and tried to make my paths relative - but error about quirksmode? so I know it is following the correct path... hmmmm? |
|
#3 Sat Feb 07, 2009 8:28 pm
|
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
It seems there are more folks building web sites off their local file systems than I would have guessed. You've already found out that relative path specifications are the way to go for pages on a local file system. The remaining issue is that your pages are rendering in quirks mode, which floatbox doesn't support.
Quirks mode is a non-standards-compliant rendering model that was introduced by early versions of Internet Explorer. To attempt compatability for old web pages, most modern browsers will render in quirks mode any document that doesn't have a valid doctype declaration. Floatbox doesn't support quirks mode because layout and measurements behave differently. Please see the Doc Types section in the instructions. Also take a look at this. Bottom line: like the popup message says, your page needs to have a valid doc type declaration. |
|
czarg
|
#4 Sat Feb 07, 2009 10:27 pm
|
| Guest |
Hi - I have always built my websites on my machine first - once OK I publish.
For testing I find it verrry cumbersome to try and publish and then make changes and publish and change and publish.. very much a pain - I tried to place the floatbox directly on one of my sites and created a test html file.. but the same thing occurred - nothing - |
|
czarg
|
#5 Sat Feb 07, 2009 10:41 pm
|
| Guest |
Here is what I'm talking about.. and I think doc type is what your talking about?
Kinda hazy on this issue.... http://royalartscenter.org/Test_fb.html |
|
#6 Sat Feb 07, 2009 10:55 pm
|
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Your doctype declaration is incomplete.
You have:
You need:
(Careful. Don't leave the > character after EN" when you update it.) I didn't mean to advocate pushing your content up to a hosted site for dev/test work. I mean, install a web server (probably Apache) locally on your own PC. You point the web server root to your local content and any changes made take immediate effect without a publishing step. You access it in your browser with http://localhost/... And you get all the advantages of being able to use web server technologies and a matching environment to what you will eventually publish the live site to. |
|
czarg
|
#7 Sat Feb 07, 2009 11:06 pm
|
| Guest |
YESSSSSS! That worked... Why would the program I'm using put a doc type statement at the beginning of the file - enabling quirks mode? Maybe it isn' updated yet? I'll look into the Apache thing - or I might just try to rempve the / to test locally... This program looks slicker than snot - so gonna play next couple days.. thank you for your help! George
|
|
#8 Sat Jun 15, 2013 4:27 pm
|
|
|
Member
Registered: Jan 2012
Posts: 98
|
Sorry to resurrect an old thread but this was the most relevant I could find.
I too am having a problem getting the system to work. I've followed the Quick Start in the most basic way possible. I placed the floatbox folder in the root directory on my web server, containing the grsphic folder, floatbox.css and floatbox.js. Then I created this page in the root directory: <!DOCTYPE HTML> When I click the link it just opens the image file in the same browser tab, with no floatbox type activity. I have checked the presence of the css and js files by typing them straight into the browser. I've also tried changing the doctype by copying and pasting the doctype from further up this thread. None of these things do any good. With such a simple file to work with (mostly copied and pasted straight out of the Quick Start), I just can't see where else the problem could be. |
|
#9 Sat Jun 15, 2013 4:37 pm
|
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
There's no way to guess what the problem might be. It could be corrupt files, or maybe you are mistaken about where on the file system your root folder is, or all the files aren't really present, or the files are mixed in from different versions, or you've got a syntax error in your options.js file, or....
If you can link me into a page, I'll take a look and tell you exactly what's wrong. |
|
#10 Sat Jun 15, 2013 6:32 pm
|
|
|
Member
Registered: Jan 2012
Posts: 98
|
Hi Admin
The page I am trying out at the moment is www.littlehotels.co.uk/aaaa.php. I suppose the files could be corrupted although I just downloaded, unzipped and then uploaded to the webserver today. I am pretty sure that the files are in their right place on the server because I can see them via the FTP. The files are definitely not mixed from different versions because I downloaded the package today. I don't have an options.js file yet. Being the most basic version to start, I thought the options.js wasn't needed. Am I wrong? I'd appreciate it if you can a look. Thanks. |
|
#11 Sat Jun 15, 2013 6:38 pm
|
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Yes, options.js is mandatory. It is included in the downloaded zip file, but it is not present in your floatbox folder. All the files and folders from the zip file should be present in the floatbox folder on the server.
|
|
#12 Sat Jun 15, 2013 7:04 pm
|
|
|
Member
Registered: Jan 2012
Posts: 98
|
Yeehah! It works.
I uploaded options.js and then added a line in the <head> of the page to call it. Problem solved. I did have a bit of a chuckle with "options is mandatory".  On a more serious note, the Quick Start that I was following didn't mention options.js at all. Anyway, thanks for your help. I'm on my way and now looking forward to getting stuck in to Floatbox. |
|
#13 Sat Jun 15, 2013 7:24 pm
|
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
You don't need to put a <script> element in the page <head> to load options.js, and in fact you shouldn't. Floatbox.js will fetch and load that for you. If you explicitly load it, it will actually get fetched twice. Just do what the quick-start section says to do, and it doesn't say to assign a script element to load options.js.
And yes, quick-start does not directly reference options.js, just as it does not directly reference most of the multitude of files in the package. But it does say to take all the files and folders from the zip file and copy them into your floatbox folder. If you ignore that instruction and just take some of the files, it should come as no surprise that things don't work. Ok, you've got Floatbox standing upright in place on the stage. Now make it dance. :-) |
|
#14 Sun Jun 16, 2013 2:19 pm
|
|
|
Member
Registered: Jan 2012
Posts: 98
|
Hi Admin
OK, I have been duly chastised. Trouble is, as my wife would point out, getting me to follow instructions is about as successful as trying to herd cats. Floatbox is now more than standing; it's starting to shuffle around. Given a few more hours and it will be dancing like the entire company of the Bolshoi Ballet. I do like the look of the Configurator. It and the Options Help page look so straightforward and easy for such a comprehensive package. After the frustrations of trying to make Highslide work, I have a really good feeling about Floatbox. |
Page: 1