1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
|
<!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" xml:lang="en" lang="en" DIR="LTR">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript" src="/usr/share/javascript/jquery/jquery.js"></script>
<style type="text/css">
body {
font-family: "Lucida Grande", "Segoe UI";
font-size: 0.95em;
color:#000;
}
A:link, A:visited {text-decoration: none; color:#000000;}
h1 {
font-size: 24px;
display: inline-block;
margin: 10px 0 0 0;
}
img.icon {
float: left;
margin: 0 5px 0 0;
}
img.screenshot {
clear: left;
margin: 10px 10px 20px 0;
max-width: 100%;
}
.wider {
display: relative;
clear: all;
}
.taller {
float: left;
}
img.unknown {
max-width: 250px;
max-height: 250px;
}
.description ul {
clear: left;
max-width: 100%;
}
</style>
</head>
<body>
<div id="appletDetail">
<img class="icon" src="#"><h1></h1>
<br clear=all>
<img class="screenshot unknown-size" src="#">
<p class="description"></p>
</div>
<script type="text/javascript">
var appletData = $appletData
var spiceTemp = "$spiceTemp";
(function($){
$detail = $('#appletDetail');
$detail.find('h1').text(appletData['name']);
$detail.find('img.icon').attr('src', 'file://'+appletData['icon_path'])
$detail.find('img.screenshot').attr('src', 'file://'+appletData['screenshot_path'])
$detail.find('p.description').html(appletData['description'])
var screenshot = $detail.find('img.screenshot');
screenshot.one('load', function() {
if (this.width > this.height)
$(this).addClass('wider');
else
$(this).addClass('taller');
$(this).removeClass('unknown-size');
});
})(jQuery);
</script>
</body>
</html>
|