People Images - Display large pic (instead of small thumbnail)

Place this js in a theme (or embed media widget).  In the js below the class .people-lop-lrg-pic is the class applied to the LOP widget.

 

 

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
jQuery(document).ready(function() {
// makes lop news pic use full size image
setInterval(function(){ 
jQuery(".view-os-news figure, .full-news-pic figure").each(function() {
  jQuery(this).html(jQuery(this).html().replace("/styles/os_square_100_100/public", ""));
  });
  }, 250);

 //PULL IN LARGE PROFILE PIC        
//setInterval(function(){ 

jQuery("article.node-person .field-name-field-person-photo").each(function() {
jQuery(this).html(jQuery(this).html().replace("profile_thumbnail", "profile_full"));
  });
  //}, 250);


});
</script>

 

 

 

 

This is the end result. Note: additional css must be added for the circle images.

people lop

See also: Effects