Trouble with Lightbox html coding in...

Feb 11th, 2013 at 04:19 PM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

The HTML markup is produced by the software. The issue here was just with the filename itself. By renaming them, it fixed everything.

Having fun yet? :)
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.
Feb 11th, 2013 at 04:31 PM
User 2432550 Photo

T J
Registered User
105 posts

Trying to! :)

It doesn't bring up a lightbox thing tho, it just opens up a new page with a larger image. I checked to code with that on the Lightbox site, but it isn't opening up that graphic that lets your scroll thru the pics..
Feb 11th, 2013 at 04:45 PM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

That is because in your markup, you are referencing files that are not in the correct location or uploaded yet:

http://tarajohnson.coffeecup.com/colorbox/colorbox.css
http://tarajohnson.coffeecup.com/colorb … olorbox.js
http://tarajohnson.coffeecup.com/css/lightbox.css
http://tarajohnson.coffeecup.com/js/jquery-1.7.2.min.js
http://tarajohnson.coffeecup.com/js/lightbox.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.
Feb 11th, 2013 at 04:59 PM
User 2432550 Photo

T J
Registered User
105 posts

Ok I think it might be close to working!... One thing tho, on my computer, I don't have the files "colorbox/ anything" or a folder called "colorbox". I know it's on the s-drive, but how do I add that file if it's not on my computer. Not sure how it even got on the s-drive. Which download does this come from?
Feb 11th, 2013 at 05:11 PM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

Tara Johnson wrote:
Ok I think it might be close to working!... One thing tho, on my computer, I don't have the files "colorbox/ anything" or a folder called "colorbox". I know it's on the s-drive, but how do I add that file if it's not on my computer. Not sure how it even got on the s-drive. Which download does this come from?

That can only get in S-Drive if you added it to VSD. If you go to the Edit Menu > Remove files, are they listed there?
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.
Feb 11th, 2013 at 05:15 PM
User 2432550 Photo

T J
Registered User
105 posts

No they're not
Feb 11th, 2013 at 05:29 PM
User 2432550 Photo

T J
Registered User
105 posts

Ok I found out where I downloaded them from - it was from the progrower.coffeecup.com page. The arrows and Close buttons, etc still aren't working tho

http://tarajohnson.coffeecup.com/Home.html
Feb 12th, 2013 at 09:56 AM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

You are almost there! I can see 2 files missing:

http://tarajohnson.coffeecup.com/images/close.png
http://tarajohnson.coffeecup.com/colorbox/colorbox.css
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.
Feb 12th, 2013 at 10:14 AM
User 2432550 Photo

T J
Registered User
105 posts

Ok I added those and the other images (like the arrows, etc.) How do I get these on there?

The Lightbox site says - Check the CSS and make sure the referenced prev.png and next.png files are in the right location. Also, make sure the loading.gif and close.png files as referenced near the top of the lightbox.js file are in the right location.

Does this mean location of the files?

Feb 12th, 2013 at 10:28 AM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

What you need to look at is the CSS and locate all references to any images. You then just append the image path to your URL and make sure they are on the server. Basically same process as you have done so far.

Another one:

http://tarajohnson.coffeecup.com/images/overlay.png
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.

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.