Need help with ColorBox - Post ID 212110

User 187934 Photo


Senior Advisor
20,266 posts
Online Now

G'kar,
What version are you on? Works the same for me in in FX as Chrome Version 26.0.1410.64 m.:)
2-3 seconds a slide.
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

I'm not sure haven't got time to check but it's not the latest one, a few years old. It starts up OK then it's off the races. I'll check later.
User 603315 Photo


Registered User
938 posts

Hi Eric, I'm actually using the same version as yours, so it's up to date when I've checked. I've had another look at Ruby's gallery, still a bit fast after a few photos. Maybe slow it down by a second, unless it's either my net connection playing some part, I don't know. Perhaps it's just Colorbox just turning the pics over too quick and it's not actually the timing. I know I've tried it in the past using CB and not been that impressed but I guess it's horses for courses
User 406321 Photo


Registered User
33 posts

So, you two (G'kar and Roly), is there anything I can do to slow the slildeshow down. It's fast on Firefox and Chrome, but not as fast as what you're saying G'kar.

Also, since I'm here, I have a dilemma. I first laid out the gallery, but after viewing it, I've decided that I want to move some of the photos. However, when I upload and view, the photo number stayed where it was originally; e.g., I moved Image 4 to position 19, but when it shows up, it still says Image 4, not Image 19. Do either of you know what I can do to fix this? I thought I could just move things around.

Also, my customer wants me to remove the word "Image" in order to get more space for title. Is that possible to do?

Ruby
User 603315 Photo


Registered User
938 posts

Yes Ruby. Ok if you go into, I know this is going to be a tad complicated but if you can find the "jquery.colorbox" file. If you have the HTML editor put it in there and it's line 55, where it says about slideshow speed, which is 2500, I've changed it to see if it works to 3500 and it seems much better.
User 406321 Photo


Registered User
33 posts

G'kar,

I went in and changed 2500 to 3500. Please see if that helps because I was not having the problem and I can't tell.

While I was in the jquery, I found where the word "Image" was and removed it (reluctantly) and that worked also.

I also just moved all the photos (this is under the Gallery button) back to where they were to start with because the number thing was driving me crazy ... original number of photo showed when photos were moved.

I do have one photo not showing a thumbnail and I don't know why. The image shows during Slideshow. I've done everything (at least I think so)... I've made sure the typing was correct ... I've even changed the name of the file and the thumbnail, but the thumbnail will still not show up.
Do you have any thoughts on this?

Ruby
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

I change the speed like this.;)

<script type="text/javascript">
$(document).ready(function(){
$.colorbox.settings.slideshowSpeed = 4500;
$(".example1").colorbox({rel:'slideshow1', slideshow:true});
});
</script>

Colorbox uses the order that the html elements are in on your page to determine the order of the slideshow. Because VSD uses absolute positioning the order of the images appearing in the slideshow is usually the order they were added to the page. What you could try is placing all the images on a separate page, that has you colorbox code at the head of the page for testing, one at a time in the order you want them to appear. Their actual position on the page with VSD should have no affect. It's the order you add them to the page. Once you get them working properly on this page select them all and hit ctrl +c then go to the page you want the gallery on and hit ctrl + v.
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

I'm not sure if this has been submitted, I seem to be having a problem with my laptop and the forum submissions.
Yes Ruby working great at this end well done you :cool:
Nigel
User 406321 Photo


Registered User
33 posts

TROUBLE -- TROUBLE -- TROUBLE

Hey you guys,

I can't believe this! I'm working on another page of this website (dianebuster.com) and I'm encountering problems. The page is http://www.dianebuster.com/Miniatures.html
I've input all the slideshow tems just as I did for Current and Gallery Pages, but here the photos will not go into Slideshow.

What am I doing wrong? I used the code Roly provided. I added the photos and the thumbnails....

This has been the most frustrating site, EVER!!!! :/

Can you help me?

Ruby
User 103173 Photo


VP of Software Development
0 posts

Ruby Cochrell wrote:
TROUBLE -- TROUBLE -- TROUBLE

Hey you guys,

I can't believe this! I'm working on another page of this website (dianebuster.com) and I'm encountering problems. The page is http://www.dianebuster.com/Miniatures.html
I've input all the slideshow tems just as I did for Current and Gallery Pages, but here the photos will not go into Slideshow.

What am I doing wrong? I used the code Roly provided. I added the photos and the thumbnails....

This has been the most frustrating site, EVER!!!! :/

Can you help me?

Ruby

Looking at the source code, I do not show that you added any of the script code into the header or body. Did you do that that?
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.