How do I disable the 'tooltip' pop up over my images?

liveBooks Support

By utilizing the HTML content block feature in the liveBooks editor, you are able to disable the 'tooltip' text overlay for your images on the site. This

*To learn how to use the HTML content block on liveBooks, click here.

 

--


To add this feature site-wide, please do the following:

  • Go to Content
  • Under Global Content, select Footer

Screen_Shot_2017-04-18_at_8.27.27_AM.png

  • Create an HTML content block within the footer.

Screen_Shot_2017-04-18_at_8.31.47_AM.png

  • Add the following HTML snippet to the HTML content block you created:

<script type="text/javascript">
document.onreadystatechange = function () {
var title;
$('img').hover(function () {
title = $(this).attr('title');
$(this).attr('title','');
}, function () {
$(this).attr('title',title);
});
};
</script>

If you wish to only add this feature to a specific page, follow these instructions:

  • Go to Content
  • Click into the Page you wish to add this feature to
  • Create an HTML content block to this page

Screen_Shot_2017-04-18_at_9.05.32_AM.png

  • Add the following HTML snippet to the HTML content block you created:

<script type="text/javascript">
document.onreadystatechange = function () {
var title;
$('img').hover(function () {
title = $(this).attr('title');
$(this).attr('title','');
}, function () {
$(this).attr('title',title);
});
};
</script>