Need help with ColorBox - Post ID 211820

User 187934 Photo


Senior Advisor
20,266 posts

I agree with JoAnn that you should drop the text link and link the image instead. I can help you with that if that's what you want. One step at a time Ruby your doing great and learning at the same time.:)
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 271657 Photo


Ambassador
3,816 posts

...And, all the menu buttons have this blue bottom border now (on the current works page):
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}


Another Colorbox user had this same issue:
http://www.coffeecup.com/forums/designe … nes-links/

As Jo Ann mentioned... the blue text links over the image are unsightly (besides being almost too small to read), and most people would expect the thumbnail itself to be clickable.
Maybe someone familiar with Colorbox can help you get it working without having to have the .jpg file names across the thumbnails. ;)

Eric, you read minds, don't you? Just as I was typing this, you were offering help :lol:
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,266 posts

<a title="Colorado Fields, 18x36, oil" class="example1" href="colorbox/images/colorado_fields.jpg"><img width="127px" height="87px" alt="" src="myimagename_thumb_nail.jpg"></a>

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 603315 Photo


Registered User
938 posts

Yeah Ruby lightbox is better and ppl on here can help you with any issues you have
User 187934 Photo


Senior Advisor
20,266 posts

Let's let her get this correct first then she can switch to Lightbox.:rolleyes:
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

OMG, I'm so frustrated! I had to leave and when I came back, I found all these messages... thank you all for them.

So, the first thing I did was go take a look at the other thread about removing the blue lines. I followed instructions given there. And, then, Roly, I put in the code that you provided, which is just a little different than before. BUT NOW, the photo won't enlarge again.

Now, I'm more confused than ever. I don't know whether removing "style" from HTML or using this code caused this, but I don't know where to go or how to back out of this.

Ruby
User 187934 Photo


Senior Advisor
20,266 posts

The code I provided needed to be tweaked where it says
src="myimagename_thumb_nail.jpg"
You need to Use the "Add Files" tool (Ctrl +alt + f ) and add the thumbnail image to your site. You'll want to make a small one so it loads fast. Now tweak the code I provide to match the name of your thumbnail image.:)
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

Hi Roly, So, here's my HTML code:

<a title="Colorado Fields, 18x36, oil" class="example1" href="colorbox/images/colorado_fields.jpg"><img width="127px" height="87px" alt=""src="colorado_fields_thumbnail.jpg"></a>

And I'm attaching a screen shot of Add Files.

This still doesn't enlarge!:/

Ruby
Attachments:
User 187934 Photo


Senior Advisor
20,266 posts

Just a little adjustment to the src.;)
<a title="Colorado Fields, 18x36, oil" class="example1" href="colorbox/images/colorado_fields.jpg"><img width="127px" height="87px" alt="" src="colorbox/images/colorado_fields_thumbnail.jpg"></a>
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

Roly, I copied this code and removed what I had and pasted yours in. I still can't get this to enlarge. Is it enlarging on your system? Do you think that by removing the style code affected this?

Ruby

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.