Tagged: enfold
Hello,
I’m having an issue with our images, it seems the title text always shows when you put the mouse over an image – quick example here – http://www.boutiquehospitalitymanagementasia.com/services/planning-consulting/. Is it possible to turn this off? I can’t see a quick way to do it anywhere, only thing I can think of is deleting the title on every image, but we have over 100 now so this isn’t really a very good option.
Thankyou for your help.
James
Hi, James
Try using this plugin, it says its outdated but i tested locally and it does the job.
Regards,
Josue
Hi Josue,
Thanks, I’ve just tried the plugin though and they still seem to be showing up for me :(
Any other ideas?
Thanks a lot,
James
Hi,
It is not a theme feature rather a standard browser behavior. There might be a different fix for each browsers and we can’t assure you that it will work. Try to add this at the bottom of js > avia.js:
jQuery(document).ready(function(){
jQuery('a,img').inohideTips();
});
(function($){
$.fn.inohideTips = function(){
return this.each(function(){
var $elem = $(this);
var savealt = '';
var savetitle = '';
$elem.hover(function(){
if ( typeof $elem.attr('alt') != "undefined" ){
var savealt = $elem.attr('alt');
$elem.removeAttr('alt');
}
if ( typeof $elem.attr('title') != "undefined" ){
var savetitle = $elem.attr('title');
$elem.removeAttr('title');
}
},function(){
if ( savetitle )
{
$elem.attr({title:savetitle});
}
if ( savealt )
{
$elem.attr({alt:savealt});
}
});
});
};
})(jQuery);
Regards,
Ismael
Hi Ismael,
That code worked perfectly, Thank you so much!
Thanks again,
James