Skip to content

Instantly share code, notes, and snippets.

@fuchsmich

fuchsmich/view-source_oishare_DCIM.html

Created March 31, 2016 16:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fuchsmich/a5741d85386f03748fa81bccc377a07c to your computer and use it in GitHub Desktop.
Save fuchsmich/a5741d85386f03748fa81bccc377a07c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
view-source_oishare_DCIM.html
<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=shift_jis">
<meta name="viewport" content="width=device-width" />
<style TYPE="text/css">
a{text-decoration:none}
img{border-style:none;margin:0}
.box{background-position:center;border:thin solid #2E2E2E;box-shadow:3px 3px 3px rgba(0,0,0,0.4); background-color:#000000; color:#929292;float:left;font-size:10px;margin:5px;padding:4px;}
</style>
<script type="text/javascript">
wlansd = new Array();
wlansd[0]="/DCIM,100OLYMP,0,16,18556,30570";
wlansd.sort(cmptime);
wlansd.sort(cmpdate);
wlansd.reverse();
function cmptime(a, b){var g = a.split(",");var f = b.split(",");return g[5] - f[5];}
function cmpdate(a, b){var g = a.split(",");var f = b.split(",");return g[4] - f[4];}
icon = new Array();
for( i = 0 ; i < wlansd.length ; i ++ ){
var b = wlansd[i].split(",");
var name = b[1];
var ext = name.split(".");
if( !(b[3] & 0x10) ){
if(( ext[1] == "JPG" )||(ext[1] == "ORF")||(ext[1] == "MPO")||(ext[1] == "MOV")||(ext[1] == "AVI")){icon[i] = "/get_thumbnail.cgi?DIR="+b[0]+"/"+name;}
else{icon[i] = "";}
}
else{
icon[i] = "";
}
}
function list(){
for( i = 0 ; i < wlansd.length ; i ++ ){
var b = wlansd[i].split(",");
var path = b[0];
var name = b[1];
var href = path + "/" + name;
document.write('<div style="display:block; text-align:center; width:300px; height:50px; padding: 20px 0px;margin-bottom: 10px;background: url(/WEB_PARTS/btn.gif) center no-repeat; background-size: 300px"><br><a href="'+href+'">'+'<font color="#929292">'+name+'</font>'+'</a><br></div>');
}
}
</script>
</head>
<body background="/WEB_PARTS/bg_1px.gif">
<center>
<img src = "/WEB_PARTS/title.gif" width="300px" height="27px" alt="TITLE">
<hr color="#2E2E2E">
<div style="position: relative;">
<div style="background-color: #2E2E2E; padding: 10px; margin-bottom: 10px; border: 1px solid #2E2E2E;">
<div align="left">
<font color="#929292">>DCIM</font><br>
</div>
</div>
</div>
<script type="text/javascript">
list();
</script>
</center>
</body>
</html>
Raw
view-source_oishare_DCIM_100OLYMP.html
<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=shift_jis">
<meta name="viewport" content="width=device-width" />
<style TYPE="text/css">
a{text-decoration:none}
img{border-style:none;margin:0}
.box{background-position:center;border:thin solid #2E2E2E;box-shadow:3px 3px 3px rgba(0,0,0,0.4); background-color:#000000; color:#929292;float:left;font-size:10px;margin:5px;padding:4px;}
</style>
<script type="text/javascript">
wlansd = new Array();
wlansd[0]="/DCIM/100OLYMP,P3280001.JPG,7572837,0,18556,35249";
wlansd[1]="/DCIM/100OLYMP,P3280002.JPG,7579399,0,18556,35249";
wlansd[2]="/DCIM/100OLYMP,P3280003.JPG,7543860,0,18556,35250";
wlansd[3]="/DCIM/100OLYMP,P3280004.JPG,7526745,0,18556,35250";
wlansd[4]="/DCIM/100OLYMP,P3280005.JPG,7489302,0,18556,35250";
wlansd[5]="/DCIM/100OLYMP,P3280006.JPG,7480915,0,18556,35250";
wlansd[6]="/DCIM/100OLYMP,P3280007.JPG,7580625,0,18556,35250";
wlansd[7]="/DCIM/100OLYMP,P3280008.JPG,7588926,0,18556,35251";
wlansd[8]="/DCIM/100OLYMP,P3280009.JPG,6888194,0,18556,35252";
wlansd.sort(cmptime);
wlansd.sort(cmpdate);
wlansd.reverse();
function cmptime(a, b){var g = a.split(",");var f = b.split(",");return g[5] - f[5];}
function cmpdate(a, b){var g = a.split(",");var f = b.split(",");return g[4] - f[4];}
icon = new Array();
for( i = 0 ; i < wlansd.length ; i ++ ){
var b = wlansd[i].split(",");
var name = b[1];
var ext = name.split(".");
if( !(b[3] & 0x10) ){
if(( ext[1] == "JPG" )||(ext[1] == "ORF")||(ext[1] == "MPO")||(ext[1] == "MOV")||(ext[1] == "AVI")){icon[i] = "/get_thumbnail.cgi?DIR="+b[0]+"/"+name;}
else{icon[i] = "";}
}
else{
icon[i] = "";
}
}
flag = true;
cnt = 0;
ltmo = 0;
io = new Image();
function LoadImgs() {
if( flag ){ io.src = icon[cnt]; flag = false;}
if( io.complete ){
if( io.width > 30 ){
var box = document.images[("n" + cnt)];
box.src = icon[cnt];
if( (io.width == 120) && (io.height == 160) ){
box.width = io.width*(3.0/4.0);
box.height = io.height*(3.0/4.0);
box.style.marginLeft = "18px";
box.style.marginRight = "17px";
}
}
io = new Image();
cnt++;
if( cnt < icon.length ){io.src = icon[cnt];}
ltmo = 0;
}
else{
if(ltmo > 90 ){
io = new Image();
cnt++;
if( cnt < icon.length ){io.src = icon[cnt];}
ltmo = 0;
}
else{
ltmo ++;
}
}
if( cnt < icon.length ){
setTimeout("LoadImgs()",30);
}
}
function list(){
for( i = 0 ; i < wlansd.length ; i ++ ){
var b = wlansd[i].split(",");
var path = b[0];
var name = b[1];
var href = path + "/" + name;
var href2 = path + "/FILE.html?" + href;
document.write('<div style="background-color: #2E2E2E;" class="box"><a href="'+href2+'"><img width="80" height="60" name="n'+i+'"><br>'+'<font color="#929292">'+name+'</font>'+'</a><br></div>');
}
}
</script>
</head>
<body background="/WEB_PARTS/bg_1px.gif" onLoad="LoadImgs()" align=center>
<center>
<img src = "/WEB_PARTS/title.gif" width="300px" height="27px" alt="TITLE">
<hr color="#2E2E2E">
<div style="position: relative;">
<div style="background-color: #2E2E2E; padding: 10px; margin-bottom: 10px; border: 1px solid #2E2E2E;">
<div align="left">
<font color="#929292">></font><a href="/DCIM"><font color="#929292">DCIM</font></a><font color="#929292">></font>
<script type="text/javascript">
var path = location.pathname;
var dcf = path.split("/");
document.write('<font color="#929292">'+dcf[2]+'</font>');
</script>
</font>
<br>
</div>
</div>
</div>
<script type="text/javascript">
list();
</script>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment