Trick # 258 | Dieser Beitrag beinhaltet 374 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Wenn man auf einer Divi-Website mit der Maus über ein Bild hovert, wird dort der Name des Bildes als Text eingeblendet. Das stört bisweilen – es lässt sich aber einfach ausschalten. Wir zeigen Ihnen wie.
Die Option, den Titeltext zu entfernen, ist nicht in allen Modulen vorhanden. Mit einem kleinen Schnipsel eines benutzerdefinierten jQuery-Codes können wir jedoch verhindern, dass der Text beim Hover angezeigt wird.
Um die Anzeige des Textes beim Hovern auf allen Seiten zu verhindern, müssen Sie den folgenden Code zum <head>-Bereich Ihrer Website hinzufügen. Gehen Sie im WordPress-Backend auf Divi/Theme-Optionen/Integration/Code zum <head> Ihres Blogs hinzufügen und deponieren Sie da den folgenden Code:
<script>
jQuery(document).ready(function($) {
$("img").mouseenter(function() {
let $lwp_title = $(this).attr("title");
$(this).attr("remove_title", $lwp_title);
$(this).attr("title", "");
}).mouseleave(function() {
let $lwp_title = $(this).attr("remove_title");
$(this).attr("title", $lwp_title);
$(this).removeAttr("remove_title");
});
});
</script>Der Code entfernt den Bildertitel, wenn Sie den Mauszeiger über ein Bild bewegen und fügt ihn dann wieder ein, wenn die Maus das Bild verlässt.
Das ist auch gut für die Suchmaschinenoptimierung: Der Titel bleibt vorhanden und wird nur bei einer Benutzeraktion entfernt – also dann, wenn ein User über das Bild hovert.
Werbung
Werbung
