Need help with ColorBox - Post ID 211825

Apr 30th, 2013 at 01:25 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

There's something up. Run your mouse slowly up from the bottom of the left image to the top and it will be clickable and enlarge.
You have two images on top of each other on the left. Delete the one that you added uses the add image tool. So it would be the one that you can see on your design screen without previewing.:) Leave the html box alone.
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
Apr 30th, 2013 at 01:31 PM
User 406321 Photo

Ruby Cochrell
Registered User
33 posts

Oh, Roly, I just copied and pasted this code and removed what was there (which was the same thing), but still it does not enlarge. :(
Apr 30th, 2013 at 01:38 PM
User 406321 Photo

Ruby Cochrell
Registered User
33 posts

I think it's WORKING!!! OMG, thank you. I can't believe this ride, but it was worth it. And, you're right, I did learn a lot.

One more question, please:

Do I list all the images in one HTML box or do I have to have individual boxes?

Ruby
Apr 30th, 2013 at 03:04 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

I would use individual html boxes so you can place each one where you want it.:)
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
Apr 30th, 2013 at 03:43 PM
User 406321 Photo

Ruby Cochrell
Registered User
33 posts

Sounds good.

Roly, have you ever used the Slideshow example in Colorbox? Just wondering if that would give me what I'm looking for. Right now, I would like for the photos to just scroll, but if that's not possible, I would like to at least get the numbers and the left and right arrows as they show on Example 1.
Apr 30th, 2013 at 10:22 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

Yes to have a slide show with more images you need to change the script code that is at the head of the page.
<script type="text/javascript">
$(document).ready(function(){
$(".example1").colorbox({rel:'slideshow1', slideshow:true});
});
</script>

Next you'll need to add the rel refrence to you image links to group photos to a slide show. rel="slideshow1" add this to each image link.
<a href="http://www.dianebuster.com/colorbox/images/colorado_fields.jpg" class="example1" rel="slideshow1" title="Colorado Fields, 18x36, oil"><img src="http://www.dianebuster.com/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
May 1st, 2013 at 05:39 PM
User 406321 Photo

Ruby Cochrell
Registered User
33 posts

Well, guess what? I think I'm in business. My gallery is working. There are things that need repair and I don't know how to fix them...like the captions on some of the photos...the text is too large and runs into the words "Image __ of __ ". Do you know how to adjust the font on this?

Roly, I can't thank you enough for all your help! You're just fabulous.... :)
Take a look at http://dianebuster.com/Current.html


Ruby
May 1st, 2013 at 08:37 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

Looks good Ruby,
Happy you got it working.
I think the easiest thing to do to get that text spread apart would be to increase the image size of the images appearing in the colorbox window. There's plenty of room for the enlargement.:)
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
May 2nd, 2013 at 06:27 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

Nice Job Ruby, you did it the hard way, but it paid off :)
Jo

http://elementsinwebdesign.com
May 3rd, 2013 at 06:39 AM
User 603315 Photo

G'kar
Registered User
938 posts

Ruby not to burst bubbles or anything and your making terrific progress with it, but... the gallery is way too fast, I'm using Chrome and all it's doing is short of flashing the images up. It doesn't give the user a choice either of which image they want to view before it disappears.
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive

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.