Lightbox on Wordpress Help

[Giselle]

Would someone please check the source code for http://videos.erotipussy.com/?p=524 and tell me what I am doing wrong?

I have contacted the video light box people and they helped a bit, but the videos won't play, they open in a new window (defeating the whole purpose of having lightbox) and they aren't lining up like a thumbnail gallery should...

Any help at all would be appreciated, and please give it to me in idiot speak, I am learning and frightened...

[cd34]

<!-- Start VideoLightBox.com HEAD section --> 
		<link rel="stylesheet" href="http://videos/engine/css/videolightbox.css" type="text/css" /> 
		<style type="text/css">#videogallery a#videolb{display:none}</style> 
		
			<link rel="stylesheet" type="text/css" href="http://videos/engine/css/overlay-minimal.css"/> 
			<script src="http://videos/engine/js/jquery.tools.min.js"></script> 
			<script src="http://videos/engine/js/swfobject.js"></script> 
			<!-- make all links with the 'rel' attribute open overlays --> 
			<script src="http://engine/js/videolightbox.js"></script> 
<!-- End VideoLightBox.com HEAD section -->

The URLs for your javascript libraries are wrong, therefore, the javascript isn't loading. Somewhere in the config you need to make sure that either the full domain is specified, or, get rid of the http:// and use local paths, i.e. /engine/js/videolightbox.js

[Giselle]

Thanks for the quick reply cd34, I don't really understand what you're telling me to do...

this is what the support person at video lightbox told me

"Notice, that if you want to install galleries in Blogger posts and other pages which are not on your FTP server/domain name and there is no opportunity to upload .js files and images you should upload 'engine' and 'data' folders on your server and use absolute paths for all Visual LightBox files, for example:

(I uploaded the engine and data folders to http://erotipussy.com/videos/...on my server)

<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="http://yourdomain.com/engine/css/vlightbox.css" type="text/css" />
<style type="text/css">#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="http://yourdomain.com/engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="http://yourdomain.com/engine/js/jquery.min.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->"

What do I need to take out or put in? Do I have to edit the body section as well? and how do I get the thumbnails to look like they are supposed to (columns and rows)?

[cd34]

<!-- Start VideoLightBox.com HEAD section --> 
		<link rel="stylesheet" href="http://videos/engine/css/videolightbox.css" type="text/css" />

see how the url is:

http://videos/engine/css/videolightbox.css

it should be:

http://erotipussy.com/videos/engine/css/videolightbox.css

Same with the other URLs in the header.

[Giselle]

Thanks again cd34, I really appreciate your help and patience, I know it's hard dealing with a noob...

I did what you instructed, changed the head code, and it didn't work, so I also changed the body code and it didn't help...

any other suggestions?

thanks,
Giselle

[cd34]

You misspelled your domain on the last one:

<script src="http://eroitpussy.com/videos/engine/js/videolightbox.js"></script>

[Giselle]

Doh! Thanks for laughing at me on the inside and being so nice on the outside ...

Now that that's all fixed... what code do I change to make my thumbnails line up accordingly...

[cd34]

HTML is not my thing. I think the <div> containers for each of the videos can have the CSS modified, or, you could put inline styles in. They should act just like any other image or text element.

[Giselle]

Originally Posted by cd34

HTML is not my thing. I think the <div> containers for each of the videos can have the CSS modified, or, you could put inline styles in. They should act just like any other image or text element.

Huh? What was that now? Everything you said there flew right over my head...

When I click on the thumbnails, the lightbox works, but the videos still won't play... <-- is becoming my favorite icon...

[walrus]

It's really difficult to get any script working with Wordpress. Which is why they have plug-ins. WP just really seems to mess with paths making using a relative path near impossible. Which means you have to find every instance in the script (or scrpts) where it uses a relative path and change it to absolute.

But there are a number of good plug-ins to do what your trying to do. Maybe not quite as pretty as light box (although there is a light box plug-in). I tend to google them rather than go through the plug-in finder on the WP site or search using the function inside your WP install.