How to showing name first letter

Question

when image is not loaded so how to showing first letter of name using jquery.

Sachin Singh · Answer

another solution is, specify the name in alt tag and show its first letter. function doSomething(elem){ var alt = document.createTextNode( elem.getAttribute( 'alt' ) ); elem.parentNode.insertBefore( alt.charAt(0), elem ); elem.parentNode.removeChild(elem); } "actual_image_src" alt= "Name" onerror= "doSomething(this)" />

Muhammad Imran Ansari · Answer

Use the following jQuery code to get your result: $(document).ready(function(){ var img=document.getElementById('profileImage'); if(!img.complete){ var fname = $('#firstName').text().charAt(0); var profileImage = $('#profileImage').text(fname); } });

Jignesh Kumar · Answer

Hi Rohan, Please try this, //Jquery $( " " ) .on( 'load' , function() { console.log( "image loaded correctly" ); }) .on( 'error' , function() { var intials = $( '#name' ).text().charAt(0) ; var profileImage = $( '#profileImage' ).text(intials); ; }) .attr( "src" , $(originalImage).attr( "src" )) ; // Css #profileImage { width: 150px; height: 150px; border-radius: 50%; background: #512DA8; font-size: 35px; color: #fff; text-align: center; line-height: 150px; margin: 20px 0; } //html "name" >Rohan "profileImage" >

How to showing name first letter

Answers (3)