BlogEngine.NET 포스트 헤더에 배경 이미지를 설정하는 방법

Question

BlogEngine.NET 포스트 헤더에 배경 이미지를 설정하는 방법이 있습니까? 내가 게시물을 본문에서 첫 번째 이미지를 얻으려면 사용자 정의 그들 PostView.ascx을 수정하려고하고있어 헤더를 게시하는 배경 이미지로 설정하지만, 거기에만 이미지 URL을 얻는 방법을 모르겠다.

Answer 1

제 해결 방법은 게시물 편집자 클래스 "imgheader"에 추가해야 사용자가 게시 헤더의 배경으로 설정하려는 그림입니다. 그런 다음 .imgheader 추가 {표시 : 없음;} 그런 다음 을 styles.css가

<script type="text/javascript"> 
 
     var updateImageHeaders = function() { 
 
      var postArticles = document.evaluate("//article[contains(@class,'post-home')]", document, null, null, null); 
 
      var article = postArticles.iterateNext(); 
 
      while (article != null) {     
 
       var imgheader = article.getElementsByClassName("imgheader"); 
 
       if (imgheader.length > 0) { 
 
        var postHeader = article.getElementsByClassName("post-header"); 
 
        if (postHeader.length > 0) { 
 
         var imgSrc = imgheader[0].getAttribute("src"); 
 
         postHeader[0].style.backgroundImage = 'url(' + imgSrc + ')'; 
 
        }      
 
       } 
 
       article = postArticles.iterateNext(); 
 
      } 
 
     }; 
 

 
     document.addEventListener('DOMContentLoaded', function() {    
 
      updateImageHeaders(); 
 
      
 
     }); 
 

 
    </script>

site.master 테마에 스크립트를 추가하는