Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #12270

    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!

    #74899

    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

    #74900

    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();
    }

    #74901

    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.

    #74902

    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.

    #74903

    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

    #74904

    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','');

    #74905

    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','');

    #74906

    Hi JNYB,

    Thanks for sharing the solution. :)

    Regards,

    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How to disable display image title when hovering over image’ is closed to new replies.