KoolImageView supports custom client-side event handle.
span style="color: #ff0000;">"/KoolImageView/koolimageview.php""kiv");
$kiv->scriptFolder = $KoolControlsFolder."/KoolImageView";
$kiv->styleFolder = $KoolControlsFolder."/KoolImageView/styles/dark";
$kiv->imageUrl = "../../Images/nv.jpg";
$kiv->bigImageUrl = "../../Images/niceview.jpg";
$kiv->description = "Beautiful Beach""form1" method="post">
<style type="text/css"#EEEEEE;
#CCCCCC;
#DFF3FF;
#C6E1F2;
height:150px;
width:195px;
padding-top:40px;
padding-left:85px;
}
.clear
{
clear:both;
}
#style_select
#events{ overflow:auto; overflow-X:hidden; height : 130px; }
"box focus""framepic3""framepic2""framepic1""framepic""box">
<b>Client-side events: </b><hr/>
<div id="events""clear"></div>
<script type="text/javascript""events" ).innerHTML += "Start request to get image... " + "<br/>""events""events" ).innerHTML += "Image was opened after "" ms<br/>""events""events" ).innerHTML += "Image was closed after "" ms<br/>""events" ).scrollTop = 9999;
}
// Register for Client event : OnImageClick , OnOpen , OnClose
kiv.registerEvent("OnImageClick""OnOpen""OnClose"