need long code or fix short to display image style

[joetheop]

I am having trouble using the short code from ultimate to let me display an image style – margin & border. If I guess at what the long code should be the pop out feature doesn’t work. I have been successful with the free version and linking to Vimeo (using conventional code) however I need to use the QT version of Ultimate for other files.

Here is the page – http://www.joesteadi.com/?page_id=15

The top row is with the free version & image styles and work correctly

The images of Phil collins are the problems – The middle is my attempt at long code and the bottom is short code. The middle opens a new browser window and the bottom works but doesn’t have the image style.

Any help appreciated

Thanks

[amin007]

One of the easiest way to generate the long code would be to use a shortcode in an empty test page and then view the HTML source of that page. Now, go to the section in the HTML source that the lightbox ultimate plugin generated for the shortcode that you used. You can copy and paste that code and use it as your embed code. This code will be in HTML so you will need to paste it in the “HTML” view of your post or page.

Let me know if that helps.

[joetheop]

Unfortunately I can’t get the short could to work with the picture style so I can’t view the correct HTML long code.

when I use the long form for your free light box plug in I use the the following to activate the pop as per your guide-

rel=”wp-video-lightbox”

For ultimate I used ;

rel=”wp_lightbox_special_mov_video”

that doesn’t work. Can you tell me the correct format?

Below is the HTML I used, it displays the image style correctly but does not activate the pop out

< a title=”Phil Collins – Wear My Hat” rel=”wp_lightbox_special_mov_video” href=”http://www.joesteadi.com/video/mv/phil.mov”><img style=”margin: 4px; border: 2px solid #ffffff;” src=”http://www.joesteadi.com/wp-content/uploads/2011/05/phil.png&#8221; alt=”Phil Collins – Wear My Hat” width=”260″ height=”146″ />

Thanks again for your help

[amin007]

Instead of using rel="wp_lightbox_special_mov_video" use the following as your rel attribute:

rel="lightbox[quicktime 260 146]"

260 and 146 are your video dimensions. If you just change this rel attribute in your HTML code it will work fine.

[joetheop]

Thanks for fast & accurate reply – that did it

[johnzena]

I can’t find a manual that lists all the codes for html insertion (what the rel=”” should be)instead of short codes. I am trying to make my site as seo friendly as possible and google likes images to define their size. Is there a way to do this with shortcodes?

[Peter]

Hi,

There are a number of lightbox shortcode documents here (see bottom of page):

http://www.tipsandtricks-hq.com/wordpress-lightbox-ultimate-plugin-display-media-in-a-fancy-lightbox-overlay-3163

If you don’t mind searching through code you can look in the “wp_lightbox_special_functions.php” file and do a search for “rel=”.

You’ll find a whole heap of “rel” attributes for flash, quicktime, audio, social etc

[johnzena]

The url doesn’t show much so I looked inside the file and compared it to the one pdf file that explained something about html. If I wanted to put in a quicktime (.mov) video it would look something like this. <ahref="http://www.mysite.com/videos/video.mov&?width=792&height=294" rel="wp-video-lightbox[quicktime]" title="Flash 10 demo"><img src="http://example.com/images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" title="Flash 10 Demostyle="width:640px;height:480px" /></a> my question is in the .php file it looks like this: rel=”lightbox[quicktime] and not rel=”wp-video-lightbox[quicktime] so I assume the only way to go about it is trial and error?

[johnzena]

I figured it out the &?width= doesn’t work you just need to put the dimensions in the [flash 640 480] like that. Thanks for your help. Google is no longer suggesting me to fix my video images.

[Author]

Posts