PDA

View Full Version : Where would I add a mouse over text in JS for an Information button?



Mark Ellis
02-14-2014, 08:14 PM
Hi

I would like to have the text "Click to show photo captions" appear on mouse-over on a js loaded i button https://lh3.googleusercontent.com/-R1FHPWShsWw/Uv3pfC0Jm1I/AAAAAAAAG2w/Rj24ZjjPdRc/s25/info.png . My example is at www.dorsetdog.com/galleria-slide-trial-in-google-sites (http://www.dorsetdog.com/galleria-slide-trial-in-google-sites)

I think the js code is



// toggle info
if ( options._toggleInfo === true ) {
info.bind( 'click:fast', function() {
info.toggle();
});
} else {
info.show();
this.$('info-link, info-close').hide();
}


The CSS is


/* the i in info button position */
.galleria-info-link {
background-position: 29px 5px;
opacity: 0.8;
filter: alpha(opacity=90);
position: absolute;
top: -31px;
left: -10px;
width: 25px;
height: 25px;
cursor: pointer;
background-color: #000;
}

.notouch .galleria-info-link:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
opacity: 1;
filter: alpha(opacity=100);
}


5371 5372 5373

Many thanks

Mark