How to disable display image title when hovering over image « Support Forum | Kriesi.at

Support Forum » Angular

How to disable display image title when hovering over image

9 posts from 6 voices

Started 1 year ago by ismasans
Latest reply from Ismael
This topic is not a support question

Tags:

image
title

ismasans
Member

Hello, I dont want to display the title of the image when mouse is over an image.

I have try doing this: http://www.kriesi.at/support/topic/title-tag-how-to-disable
But it doesn't work in Angular theme

How can I disable this?

Thanks!

Posted 1 year ago #
Dude
Dude
Hi!

Try following code instead. Add it to js/avia.js after the document.ready line:
```
jQuery('a img').removeAttr('title');
```
or
```
jQuery('img').removeAttr('title');
```
Regards,
Peter
Posted 1 year ago #

Jason
Member

i have tried this as well and it does not work - the title is still coming up on the slider images for the featured media - is there another way of doing this?

here is what i have:

/* this prevents dom flickering, needs to be outside of dom.ready event: */
document.documentElement.className += 'js_active';
/*end dom flickering =) */

//global path: avia_framework_globals.installedAt

jQuery.noConflict();
jQuery(document).ready(function(){
	jQuery('a img').attr('title','');

	jQuery(window).resize(avia_menu_align);
	setTimeout(avia_menu_align,150);

	setTimeout(function(){

		if(jQuery.fn.avia_base_slider)
		{
			jQuery('.fade_slider').avia_base_slider({transition:'fade', globalDelay:150});
			jQuery('.move_slider').avia_base_slider({globalDelay:150});
			jQuery('.slideshow').avia_base_control_hide();
			jQuery('.slideshow').avia_external_controls();
		}

Posted 7 months ago #

Dude
Dude

I'm not aware of another solution. Obviously there're better solutions (eg http://forum.jquery.com/topic/hiding-title-and-alt-tooltips or http://stackoverflow.com/questions/3885920/jquery-hide-title-attribute-but-not-remove-it ) but they're all based on the same jquery function and if it doesn't work with the code I posted above it won't work with these solutions too.

Posted 7 months ago #
kizuri
Member

Hi Dude,

Sorry to leap into this post. I need to try the same for my site too. In which file should I add the code? .CSS?

Thank you.

Posted 7 months ago #
Dude
Dude
Hi!

You can add it to js/avia.js - insert the code at the very top after/below following line:
```
jQuery(document).ready(function(){
```
Regards,
Peter
Posted 7 months ago #
JNYB
Member
Neither the of these was working for me either but adding an img after the a in the solution found here: http://www.kriesi.at/support/topic/title-tag-how-to-disable ended up doing the trick!

What I ended up using:
```
jQuery('a img').attr('title','');
```
Posted 3 months ago #
JNYB
Member
Correction: Using the above line only fixed the title display on link through images. Including a second line of code with just 'img' being used solved the problem for the images in the slider as well.

This is what I used for the final solution:
```
jQuery('a img').attr('title','');
jQuery('img').attr('title','');
```
Posted 3 months ago #
Ismael
Moderator

Hi JNYB,

Thanks for sharing the solution. :)

Regards,
Ismael

Posted 3 months ago #