因为韩漫很多都是长图,而我们平时找到的资源的话并不一定是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>
|