How to add a link to a report inline image?

Question

Hi,
I use apex 3.1.2
I have made a report where I show a small inline image. The image is stored as a blob in the db (IMAGE:XXSMALLPICS:PICTURE:ID::::::inline:Download). It works fine, but I would like to add a link to the small image so that if I click on the image a larger image shows in a popp up window.
How can that be done?
I don't succeed to add any type of link to the image.
/Erik

Answer 1

Hi Sam,
Firstly, you have an error in your SQL statement:
SELECT FILE_NAME,
'<img onclick="javascript:showImage(this);" >src="#OWNER#.DISPLAY_IMAGE?inID=' || NVL(IMAGE_ID, 0) || '" >height="50" width="50" />' IMAGE
FROM A_IMAGES
ORDER BY FILE_NAMEYou have an extra > - it should be:
SELECT FILE_NAME,
'<img onclick="javascript:showImage(this);" src="#OWNER#.DISPLAY_IMAGE?inID=' || NVL(IMAGE_ID, 0) || '" height="50" width="50" />' IMAGE
FROM A_IMAGES
ORDER BY FILE_NAMEFor the Region Header - I just click on the report in the page definition and scrolled down to the setting called "Region Header". Then I pasted in:
<div id="imagediv" style="display:none; position:absolute; top:0px; left:0px; height:0px; width:0px; margin:0px; padding:0px; border:0px; background-color:whitesmoke;" align="center" onclick="javascript:closediv();"><table style="border:0px; padding:0px; margin:0px; width:100%; height:100%;" cellpadding=0 cellspacing=0><tr><td style="vertical-align:middle; text-align:center">
<img id="largeimage" src="" style="border:3px double darkblue;">
</td></tr></table>
</div>
<script type="text/javascript">
var iDIV = document.getElementById("imagediv");
var iIMG = document.getElementById("largeimage");
function showImage(i)
iIMG.src = i.src;
iDIV.style.width = document.body.clientWidth;
iDIV.style.height = document.body.clientHeight;
iDIV.style.display = "block";
function closediv()
iDIV.style.width = 0;
iDIV.style.height = 0;
iDIV.style.display = "none";
iIMG.src = "";
</script>If you go back to my page, you will see that I have added two screenshots (Page41ReportSource.gif and Page41RegionHeader.gif) that show you what I have done on my report.
Andy