Need help with ColorBox - Post ID 211694

User 406321 Photo


Registered User
33 posts

Thank you very much all of you. I did have problems with Visual Lightbox, but now can't remember everything. If I can't get this to work, then I'll go back and you might hear from me again about lightbox.

But, I'm thinking that I'm so close to getting this.

Roly, I made the correction you gave, but still cannot get the photo to enlarge, so I don't know what's wrong. I'd like to show you my code ...

Under Edit Header, I have:

<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link media="screen" rel="stylesheet" href="colorbox/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".example1").colorbox();
});
</script>

On the page with the photo, I have (HTML):

<a title="Colorado Fields, 18x36, oil" class="example1" href="colorbox/images/colorado_fields.jpg">colorado_fields.jpg</a>

In Add Files... please see attachment...

So, the questions are:

(1) Is the code that I'm using correct?
(2) Is the Add Files done correctly?
(3) Why can't I get the photo to enlarge?
(4) Where on the page is the HTML to appear, with the photo, on top of the photo?
(5) Because there will be 27 photos on this page, do I put in individual boxes of HTML for each photo, or should there be only one box, but repeat the code with the proper info?

You can tell from this that I don't know what I'm doing? I'm trying, really...

Ruby
User 406321 Photo


Registered User
33 posts

Ooops... I don't think the attachment attached... let's try again.

Ruby
Attachments:
User 603315 Photo


Registered User
938 posts

It seems to be working now Ruby. That attachment is too small for my eyes :)
User 406321 Photo


Registered User
33 posts

Well, G'kar, did the photo enlarge on your screen? I've tried Firefox, Google Chrome, and IE, and none of them show the photo enlarging. The weird thing about Firefox, the page buttons now have a blue line. On Google Chrome, the word "Buster" in the heading went from black to blue!

Ruby
User 2147626 Photo


Ambassador
2,958 posts

The 'Colorado Fields' pic is working for me. Using IE10. Nice painting too! :D
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Works for me. Try ctrl + f5
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 406321 Photo


Registered User
33 posts

Finally, it's working! Hallelujah!!!!!!!!!

I had to double click to get it to work. For some reason, I thought it would open on one click.

So, last question:

Do I list all the photos in one HTML box or do I have to have a separate HTML per photo?

And, yes, it is a nice painting! When I finish this project I'll let you know so that you can see all of her paintings...they're beautiful!

Thanks so much, guys!

Ruby
User 603315 Photo


Registered User
938 posts

Yes it enlarges on Chrome Ruby, so well done to you with a little help from your friends ha ha
User 603315 Photo


Registered User
938 posts

You have to put the photos or the name in the photos where you put that. So for eg
<a href = "photo 1">photo1</a>
<a href = "photo2">photo2</a>
and so on and on and on :)

On Chrome you sometimes need to refresh several times when you've edited it. Not sure why, it's one thing I don't like about it, but it's not a big deal, just something to remember in future.
User 38401 Photo


Senior Advisor
10,951 posts

I am not sure if this is what you want it to be, but this gallery setup is pretty bad looking and working. What I see in both Firefox and Chrome is a thumbnail image that is not clickable and has a link overlapping the image that is the only clickable thing to open the colorbox image enlarger. Looks pretty crappy to me, just my opinion, but it's not a good looking thing.

I don't know how you use this Colorbox thing, but I do know that Visual Lightbox gives a whole lot nicer looking gallery than this does. Just a heads up on it. Good luck on it either way :)

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.