Trouble with Lightbox html coding in...

User 2432550 Photo


Registered User
105 posts

Ok. Where do I get the colorbox files that you listed first? I don't think they downloaded with everything else.

Here's a printscreen of how I added the files. Is this correct?
And I'm sorry, but what do you mean adjust the links in the html? I'm so new to html, it's embarassing so please bear with me.
Attachments:
User 539803 Photo


Registered User
2,156 posts

Tara Johnson wrote:
it's embarassing so please bear with me.

Don't be we all learn the hard way, Eric will get you there he has the patience of a saint ;)
Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 187934 Photo


Senior Advisor
20,271 posts

Did you publish with that directory setup yet? because what your showing in the screen shot should make the first links I posted work.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2432550 Photo


Registered User
105 posts

Yes :/ It still goes to the page that says "Oops, we can't find that on our map" and the published page I am working with still just shows the 2 red X's.
User 103173 Photo


VP of Software Development
0 posts

Looking at your account, you made the folder "colorbox" with a capital C. Files on the web are case sensitive. You may want to either rename that folder to all lowercase or adjust the markup to reflect the upper case name.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2432550 Photo


Registered User
105 posts

I don't even see where I have named anything "colorbox". The only folders I created under the root folder in there were "css", "images" and "js"- these were the only files that were downloaded with lightbox2.
User 103173 Photo


VP of Software Development
0 posts

Tara Johnson wrote:
I don't even see where I have named anything "colorbox". The only folders I created under the root folder in there were "css", "images" and "js"- these were the only files that were downloaded with lightbox2.

Login to your S-Drive Dashboard and go to https://www.coffeecup.com/sdrive/dashboard/96065/site/

You can see one of the files here online:

http://tarajohnson.coffeecup.com/Colorbox/jquery.js
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2432550 Photo


Registered User
105 posts

Ok, thanks. I changed the folder to "colorbox". Still see those red Xs. What should I do now? Is my html coding written correctly?
User 103173 Photo


VP of Software Development
0 posts

That issue is caused by the way you named your images. Here is the file name you used:

Revolt%20in%20the%20Studio%20Session%20I%20#2thumb.png

See all those %20's? Each of those were a spaces you included in the file name. Using spaces on the web can be a very bad thing as it causes the file name to change. You should not use punctuation marks or spaces in anything you put on the web. Using lower case also helps.

I would delete that image from your website and rename it outside of VSD to something simple like this:

revolt_in_the_studio_session_number2thumb.png

Then re-add it to VSD and publish. Follow that example for all images on your website.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2432550 Photo


Registered User
105 posts

Wow! Red Xs are gone! I renamed 2 images just "image1" and "image1thumb" to test it, and they show up and when I click, they open up in a new window. I'm moving in the right direction... is the html that I wrote right? I need to get the actual lightbox working now.

Thanks for your help :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.