Est-il possible de masquer le titre lors du survol de l'image?

C'est mon code:

<img src="image.jpg" alt="" title="some title" />

Quand j'ai placez cette image "certains title" s'affiche. Est-il possible d'être caché?

Ne serait-il pas préférer l'enlever? Si vous ne voulez pas l'afficher sur le vol stationnaire, quand utilisez-vous le titre?
Avez-vous essayé quelque chose? Voulez-vous supprimer définitivement le titre?
J'utilise jQuery pour obtenir le titre de l'image et de l'afficher sur l'image. Je n'ai pas besoin de lui sur le vol stationnaire puis.
pourquoi voulez-vous faire? le titre est fait pour cela, si vous souhaitez ajouter un attribut à la balise écrire quelque chose comme data-title="un titre" ou utiliser l'attribut alt
je pense que vous pouvez facilement trouver cela ici .... stackoverflow.com/questions/1322839/...
Je pense que je vais aller avec votre solution (données-titre, titre), bien qu'il y a 5 bonnes réponses ici 🙂 Merci!

InformationsquelleAutor Atadj | 2012-06-29

6

Il peut être facilement fait que certaines réponses point, mais en sachant ce que vous voulez faire avec le titre, je voudrais utiliser un data-* attribut personnalisé ou de fixer le titre avec .de données()
```
<img src="image.jpg" alt="" data-title="some title" />
```
ou
```
$('img').data('title', 'some title');
```
- Oui, je vais aller avec cette solution car elle correspond à mes besoins les plus, bien que chaque réponse à cette question est tout aussi bon 🙂 je pense juste qu'il serait plus logique de déplacer des données de titre au lieu de se cacher original title="" sur le vol stationnaire. Merci!
InformationsquelleAutor davids
3

Il est assez simple pour supprimer le title attribut, mais "cacher" n'est pas possible (pour autant que je suis au courant); afin de supprimer le titre devrait fonctionner, mais actuellement non testé:
```
$('img').hover(
    function(){
        $(this).data('originalTitle',$(this).title());
        $(this).removeAttr('title');
    },
    function(){
        $(this).attr('title',$(this).data('originalTitle');
    });
```
Ci-dessus, j'ai choisi de déplacer l'attribut, puis le remplacer sur la souris-out.

Pour supprimer le title en permanence:
```
$('img').removeAttr('title');
```
Références:
- attr().
- data().
- hover().
- removeAttr().
- Merci pour votre solution. Il fonctionne évidemment et j'ai pu l'utiliser, mais je pense que je vais aller avec le data-title="" à la place comme l'une des réponses suggère. Il est tout simplement plus de sens dans mon cas parce que je suis d'impression étiquette de titre sur le dessus de l'image à l'aide de jQuery.
- Pas de problème du tout. =)
InformationsquelleAutor David Thomas
3

Vous pouvez le déplacer dans les données d'image... et à l'arrière. Comme ça
```
$('img').hover(
  function () {
    $(this).data('title',$(this).attr('title')).removeAttr('title');
  }, 
  function () {
    $(this).attr('title',$(this).data('title'));
  }
);
```
- Merci pour votre solution! Il fonctionne évidemment, mais j'ai décidé d'aller avec des données-l'attribut de titre à la place. D'autres réponses m'ont convaincu que c'est une meilleure méthode dans mon cas.
InformationsquelleAutor Sergei Zahharenko
0

Non, pas vraiment. Mais vous pouvez le remplacer avec du JavaScript, ou tout simplement laisser vide.

jQuery exemple:
```
$('[title]').removeAttr('title');
```
InformationsquelleAutor Simone
0

Oui! avec jQuery, vous pouvez le supprimer à la souris et l'ajouter à nouveau onmouseout -
```
$(function(){
  var ttext;
  $('img').hover(function(){
    ttext = $(this).attr('title');
    $(this).removeAttr('title');
  },
  function(){
    $(this).attr('title', ttext);
  });
});
```
- Merci pour votre solution! Il fonctionne évidemment, mais j'ai décidé d'aller avec des données-l'attribut de titre à la place. D'autres réponses m'ont convaincu que c'est une meilleure méthode dans mon cas.
InformationsquelleAutor Dipak
0

Ridicule que sur Stack Overflow, cinq personnes peuvent donner la même réponse à la même époque 😛
```
$(function(){
    $('img').hover(function(){
        $(this).removeAttr('title');
    }, function(){
        $(this).attr('title','some title');
    });
});
```
- Oui, j'ai juste posté la question et réponses sur 5 est apparu dans le même temps, deux minutes plus tard 🙂 Chacun est semblable.
InformationsquelleAutor Jezen Thomas
0

Quelque chose que j'ai essayé et a travaillé avec jQuery /jQuery UI sur Chrome au moins:
1. Créer l'objet que vous voulez (et ne veux pas) pour avoir un titre.
2. Une fois tous ces éléments existent, ajouter une info-bulle.
3. Passer par tous les éléments que vous ne voulez pas que l'info-bulle de l'affichage de la manière habituelle, et de définir l'info-bulle pour ''.
Exemple de mon code, survenant après nommé éléments HTML sont disponibles:
```
jQuery(document).tooltip();
for(var index = 0; index < sites.length; ++index) {
    jQuery('#' + sites[index][0]).attr('title', '');
}
```
InformationsquelleAutor Christos Hayward

Vous devez vous connecter pour publier un commentaire.