If you want the caption for each slide to only appear when the mouse is hovered over the slide then you can use custom CSS.
Hover over the caption to make it appear.
Here are two slideshows. The second one has a class name of imagegal. The CSS to override the jQuery code is
.imagegal .nivo-caption { opacity: 0.0 !important; -webkit-transition: opacity 2s;
transition: opacity 2s; }
.imagegal .nivo-caption:hover { opacity: 1.0 !important; }
The !important is necessary since it has to override the jQuery that is animating the caption as the slides change.
hover to slideToggle source
If you want the caption for each slide to only appear when the mouse is hovered over the slide then you can use custom CSS.
[div class=w20pc][nivo class=w90pc caption=y link=n ][ediv][div class=w20pc][nivo class="w90pc imagegal" caption=y link=n] Hover over the caption to make it appear. [ediv][div class=w60pc]
Here are two slideshows. The second one has a class name of imagegal. The CSS to override the jQuery code is
<code>
.imagegal .nivo-caption { opacity: 0.0 !important; -webkit-transition: opacity 2s;
transition: opacity 2s; }
.imagegal .nivo-caption:hover { opacity: 1.0 !important; }
</code>
The <strong>!important</strong> is necessary since it has to override the jQuery that is animating the caption as the slides change.
[ediv]
[clear]
[bw_wtf]
