Output HTML or XHTML Compliant Images -

Dermot Butterfield - 05 September 2015

tl;dr

Output HTML or XHTML Compliant Images

There are only two edits necessary to make this work firstly you need to change the <%=ics.GetVar("Image")%> in the render:getbloburl tag to get the variable holding your image list output. The same is necessary for the ImageAltText in the alt attribute of the <img> tag.
Note:

  • HTML 4.01 compliance there is no / at the end of the <img> tag.
  • XHTML 1.x compliance there is a / at the end of the <img tag.

It is necessary to have an alt attribute in either case. If the image is a graph/map etc then it is also advised to have a longdesc attribute which is a URL to a page describing the Image in detail.

<render:getbloburl outstr="SRC_URL" blobtable="MungoBlobs" blobkey="id" blobcol="urldata" 
	blobwhere="<%=ics.GetVar("Image")%>" blobnocache="false" />
 
<%-- HTML 4.01 no closing / --%>
<img src="<%=ics.GetVar("SRC_URL").replaceAll("&","&amp;")%>" 
	alt="<%=ics.GetVar("ImageAltText")%>"
	class="infoicons">
 
<%-- XHTML 1.0 with closing / --%>
<img src="<%=ics.GetVar("SRC_URL").replaceAll("&","&amp;")%>" 
	alt="<%=ics.GetVar("ImageAltText")%>" 
	class="infoicons" />

Contact Us

I hope you found this useful or if you have any questions don't hesitate to leave a comment or contact support[@]tomred[.]net

Articles

Java

This what I have spent most of my time working in over the years and these are the little bits of logic or snippets I have come across. Some of these are things I have needed to search for or I have found I needed to feedback on code reviews.

Oracle WebCenter (FatWire)

During my time working in consulting I was tasked many times with delivering FatWire sites. I took notes due to the lack of useful documentation at the time. These are the results of those notes made and shared.

CSS HTML JS

I believe the majority of time on a project is spent with the UI. Web is no exception. I have compiled a set of articles covering HTML, CSS and JS with the intention of taking the sting out of this work.

DevOps

A space dedicated to all those things you need to know beyond writing code. This covers Linux, Windows, Git and SVN among other hopefully useful nuggets.

Security

I picked up some pointers over the years consulting for government and banking sectors before entering a PCI DSS development environment. This section covers aspects like coding, testing, code review and best practice.

Apps

Apps is a section which offers access to bits and pieces I have put together over the last few years. This includes Random Password Generator and Base64 Encoder.