Posts

Showing posts from December, 2017

How to display alt tag on image as text using jQuery

Have you ever had an image that you wanted to let a user click and display text? For example; Show hidden price? Hidden image/text game? Although most browsers support hover over the img element to display the "title", this does not work in most mobile browsers. Android allows tap and hold on the image to display the title, but iPhone does not. I've got an alternative solution. See below: <html>   <body>     <script        src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">     </script>     <img        src="https://www.blogger.com/img/blogger-logotype-color-black-2x.png"        alt="my alt"        title="my title">     <div id="show-text"></div>     <script>       $("img").on("click", function() {         if( !$.trim( $('#show-text').html() ).length ) {           $("#show-text").text($(this).attr("