Lightbox Ultimate – Mouseover effect for anchor image

[bruggink]

Hi,

I purchased the ultimate ligtbox plugin and am trying to use an image mouse over to make a link to the video. I can’t get it to work. I used css and got the image to hover but lost the link to the video instead. See below my shortcode in wordpress:

[wp_lightbox_special_mov_video link=”http://www.bruggincprojects.nl/bwave/AMAROKv6.1small.mov” width=”720″ height=”480″ title=”KNRM Reddingsbrigade” class=”lightbox_ultimate_image_anchor”]

and css in wp_lightbox_ultimate_custom.css:

/* The following CSS class will add styling to the lightbox shortcodes with the “anchor image” only */

.lightbox_ultimate_image_anchor

{

display: block;

width: 149px;

height: 350px;

background: url(‘http://www.b-wave.nl/portfolio_pon/wp-content/uploads/2012/02/werk-hover.png’) bottom;

text-indent: -99999px;

}

.lightbox_ultimate_image_anchor:hover {

background-position: 0 0;

please advice

[wpCommerce]

Hi, You don’t need to pass class=”lightbox_ultimate_image_anchor” in the shortcode. This is a global class for any lightbox shortcode with image anchor. So if you specify its attribute in the “wp_lightbox_ultimate_custom.css” file it will be applied automatically to all the image anchor shortcodes.

I know it’s possible to style the link with css (e.g. changing color). I’m not sure if you will be able to change the “href” value with css though (so it points to that link). And even if you do it using Javascript, there is a good chance that the shortcode will not work. You have to test it to see if it works.

[Author]

Posts