Lightbox Evolution WP Plugin WTF!

[efeezy]

So I bought the Lightbox Evolution plugin for wordpress because it looked pretty damn cool, but I can't for the life of me figure out how to get it doing what I want. I know less than ZERO Javascript and I'm at a complete loss. Their help and support pages assume that you know some Javascript, which I don't.

Does anyone use it? If so, what's the trick to getting the shit you want in the actual lightbox pop to show up? I realize this should totally be in the newb section.

Here's the plugin page. WordPress - Lightbox Evolution for WordPress | CodeCanyon

This is the help & script examples page: Lightbox Evolution for WordPress Preview - CodeCanyon

If someone has a minute to clue me in on how this damn thing works I'd appreciate it. I know it can't be that difficult, but I must be javascript retarded or something.

 

[liams]

It doesn't look like JavaScript until you start to get to the really tricky stuff.

For basic galleries, switch from WYSIWYG mode to HTML mode and add the class="lightbox" and/or rel="whatever" groupings where needed to your anchor tags, as indicated.

Example:

For a single image, insert a hyperlinked picture into your post. Switch to HTML mode.

On your page you should have this:

<a href="http://www.blah.com/blah.jpg"><img src="http://www.blah.com/blah.jpg"></a>

Edit that so that it reads

<a href="http://www.blah.com/blah.jpg" class="lightbox"><img src="http://www.blah.com/blah.jpg"></a>

 

[efeezy]

ok that's kinda what I figured. However the plugin has this section.

and I'm not sure what I need to be putting in the exec area, if anything.

Basically what I'm trying to do is have the lightbox open and display a form that I created with the Gravity Forms plugin, by using the short code for the particular form.

 

[liams]

That's a bit more complicated.

 

[liams]

Look at the "Show HTML Via Javascript" example.

Replace

var html = $("<div blah blah blah");

with

var html = $("[shortcode]");

and if that doesn't work, try

var html = $("<div>[shortcode]</div>");