Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

garudacrafts

Member
  • Content Count

    4
  • Joined

  • Last visited

  1. I'd like to share a solution that will display the banner image if it has been added to the page and hide it if not (this is for the Five template). First, add the following line of CSS to your Custom CSS: #page-header #banner-area-wrapper #banner-area {display:none;} Then, add the following javascript to your Footer Code-Injection: <script type="text/javascript"><!-- $(window).load(function() { var banner = $('#page-header #banner-area-wrapper #banner-area #page-thumb img'); if (banner.length) { banner.parents('#banner-area').show(); banner.each(function(img){ImageLoader.load(this);}) } }); //--></script> This assumes you've already included jQuery, of course.
  2. I'd like to share a solution that will display the banner image if it has been added to the page and hide it if not (this is for the Five template). First, add the following line of CSS to your Custom CSS: #page-header #banner-area-wrapper #banner-area {display:none;} Then, add the following javascript to your Footer Code-Injection: <script type="text/javascript"><!-- $(window).load(function() { var banner = $('#page-header #banner-area-wrapper #banner-area #page-thumb img'); if (banner.length) { banner.parents('#banner-area').show(); banner.each(function(img){ImageLoader.load(this);}) } }); //--></script> This assumes you've already included jQuery, of course.
×
×
  • Create New...