Sharepoint ItemStyle.xsl cho CQWP sử dụng hình ảnh từ một loại nội dung

Question

Tôi đang xây dựng Phần Web truy vấn nội dung tùy chỉnh để hiển thị thông tin cuộn từ loại nội dung của nhân viên. Loại nội dung này có cột Trang hình ảnh xuất bản được gọi là EmpPhoto. CQWP của tôi đang hoạt động tốt và tất cả các cột trang web tôi cần đều khả dụng.

Tôi hiện đang tạo mẫu xsl tùy chỉnh để hiển thị thông tin chính xác nhưng bị kẹt khi sử dụng hình ảnh EmpPhoto.

Nếu tôi sử dụng mã:

<xsl:value-of select="@EmpPhoto" disable-output-escaping="yes" /> 

... tôi nhận được một hình ảnh render chính xác đó là rất tốt. Tuy nhiên tôi muốn xây dựng một sự kiện onmouseover cho hình ảnh này và cách tiếp cận này sẽ không hoạt động.

Tôi đã nghĩ tạo một biến xsl để lấy URL hình ảnh thực, sau đó tạo img html của riêng tôi và viết onmouseover vào đó, ví dụ:

<xsl:variable name="EmpPhotoUrl"> 
    <xsl:call-template name="OuterTemplate.GetSafeStaticUrl"> 
     <xsl:with-param name="UrlColumnName" select="@EmpPhoto"/> 
    </xsl:call-template> 
</xsl:variable> 

...

<img src="{$EmpPhotoUrl}" onmouseover="" alt="test" /> 

này không nhận được URL từ cột site EmpPhoto tuy nhiên. Tôi mới đến xsl vì vậy tôi cũng có thể thiếu một giải pháp rõ ràng!

Bất kỳ giúp nhiều đánh giá cao,

Jonny

Answer 1

Đây là gian lận ... và nó đưa ra giả định về thuộc tính src. Nhưng đây rồi!

<xsl:variable name="EmpPhotoUrl" select="substring-before(substring-after(@EmpPhoto, 'src=&quot;'), '&quot;')" /> 

Answer 2

Với giá trị @EmpPhoto chỉ là một chuỗi đại diện cho một thẻ hình ảnh html, bạn có thể "bơm" kịch bản mouseover vào giá trị, ví dụ

<xsl:variable name="EmpPhoto"><xsl:value-of select=sub-string(@EmpPhoto) />[and some other code to add the mouseover etc]</xsl:variable> 

<xsl:value-of select="$EmpPhoto" />