因为韩漫很多都是长图，而我们平时找到的资源的话并不一定是PDF，有很多是直接爬虫下下来的jpg或者png图片。
这样在电脑端阅读起来肯定非常不爽，比起在浏览器里面看的体验差多了。
于是乎，我想到了一个思路，自己做一个简单的html网页，要看的话直接用浏览器打开这个文件就行。
举个例子，假设文件夹里面都是00000.jpg、00001.jpg、00002.jpg这种，我们可以拷贝下面的代码保存为index.html到文件夹下面，或者放到文件夹平级，再自己改一下js也行，比如放在漫画所在文件夹旁边，然后改改js
for (i = 0; i < 200; i++) {
var img = document.getElementById(i); // document.querySelector("#" + i)
img.getAttributeNode("src").value = "漫画所在文件夹/" + formatInt(i) + ".jpg";
}
做了两个例子：
链接：
https://pan.baidu.com/s/1UnJGl3cGMfQT4EJ6aJz-ag 提取码：ur7w
复制这段内容后打开百度网盘手机App，操作更方便哦
下面是全部代码
复制代码
<!DOCTYPE HTML>
<html>
<head>
<title>图片预览</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<style>
body{text-align:center}
#box{wide:720px;margin:0 auto}
</style>
</head>
<body>
<div id="box">
<div><img id="0" src="00000.jpg" width="720px" alt="00000.jpg"/></div>
<div><img id="1" src="00001.jpg" width="720px" alt="00001.jpg"/></div>
</div>
</body>
<script type="text/javascript">
// 格式化数字
function formatInt(i){
if(i < 10){
return "0000" + i;
}else if(i < 100){
return "000" + i;
}else{
return "00" + i;
}
}
// 画出200个图片div
var box = document.getElementById("box");
html = "";
for (i = 0; i < 200; i++) {
num = formatInt(i);
src = num + ".jpg";
div = '<div><img id="' + i +'" src="' + src +'" width="720px" alt="' + src +'"/></div>';
html += div;
}
box.innerHTML = html;
/* 当图片名称与默认不符合的时候，可以找到规律后在这里修改，或直接在上方修改
for (i = 0; i < 200; i++) {
var img = document.getElementById(i); // document.querySelector("#" + i)
img.getAttributeNode("src").value = "漫画所在文件夹/" + formatInt(i) + ".jpg";
}*/
</script>
</html>
|
好方法
