<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js" ></script>
<script language="javascript">
$(document).ready(function () {
$('body a').click(function (event) {
event.preventDefault();
PreviewImage($(this).attr('href'));
});
});
PreviewImage = function (uri) {
//Get the HTML Elements
imageDialog = $("#dialog");
imageTag = $('#image');
// debugger;
/////////////////MY CODE////////////////////
/////////////END MY CODE////////////////////
//Split the URI so we can get the file name
uriParts = uri.split("/");
//Set the image src
imageTag.attr('src', uri);
//When the image has loaded, display the dialog
imageTag.load(function () {
//debugger;
var imgWidth = imageTag[0].naturalWidth;
$('#dialog').dialog({
modal: true,
resizable: true,
draggable: false,
width: imgWidth + 10,
title: uriParts[uriParts.length - 1]
});
$('#transDiv').show();
});
}
</script>
</head>
<body>
<div id="dialog" title="An Image!" style="display: none;border:solid 5px #c8c8c8;">
<img id="image" src=""/>
</div>
<div id="transDiv" style="position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#c8c8c8;display:none"></div>
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
<a id="image2"
href="http://shannaro.files.wordpress.com/2009/04/explosion.jpg">
<img src="http://shannaro.files.wordpress.com/2009/04/explosion.jpg" height="100" width="100" /></a>
<a id="image3"
href="http://thefuturebuzz.com/pics/icanhascheezeburger/technician%20cat.jpg">
<img src="http://thefuturebuzz.com/pics/icanhascheezeburger/technician%20cat.jpg" height="100" width="100" /></a>
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
jksfkjf fdsfa fdsfa df fdsf fdsaf f df df f fd ff adf df df fdsfa ds fd sfd <br />
</body>
</html>
No comments:
Post a Comment