gitee
/
file-online-preview
mirror of https://gitee.com/kekingcn/file-online-preview
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

替换pdf和图片预览相互转跳按钮图标

pull/9/head
陈精华 2019-04-28 10:45:49 +08:00 committed by kl
parent 29726c11a3
commit d517ab4e6f
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
jodconverter-web/src/main/resources/web/officePicture.ftl
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>office图片预览</title> <title>office图片预览</title>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="js/lazyload.js"></script> <script src="js/lazyload.js"></script>
<style> <style>
.container{ .container{
@ -23,7 +24,8 @@
</div> </div>
</#list> </#list>
</div> </div>
<img src="images/right.png" style="position: fixed; cursor: pointer; top: 40%; right: 70px; z-index: 999;" alt="使用PDF预览" title="使用PDF预览" onclick="changePreviewType('pdf')"/> <#--<img src="images/right.png" style="position: fixed; cursor: pointer; top: 40%; right: 60px; z-index: 999;" alt="使用PDF预览" title="使用PDF预览" onclick="changePreviewType('pdf')"/>-->
<span class="fa fa-file-pdf-o fa-5x" style="position: fixed; cursor: pointer; top: 40%; right: 50px; z-index: 999;" title="使用PDF预览" onclick="changePreviewType('pdf')"></span>
<script> <script>
window.onload=checkImgs; window.onload=checkImgs;
window.onscroll = throttle(checkImgs); window.onscroll = throttle(checkImgs);

5
jodconverter-web/src/main/resources/web/pdf.ftl
View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css"> <style type="text/css">
body{ body{
margin: 0; margin: 0;
@ -18,7 +19,9 @@
</#if> </#if>
<iframe src="/pdfjs/web/viewer.html?file=${finalUrl}" width="100%" frameborder="0"></iframe> <iframe src="/pdfjs/web/viewer.html?file=${finalUrl}" width="100%" frameborder="0"></iframe>
<img src="images/left.png" style="position: fixed; cursor: pointer; top: 40%; right: 70px; z-index: 999;" alt="使用图片预览" title="使用图片预览" onclick="goForImage()"/> <#-- <img src="images/left.png" style="position: fixed; cursor: pointer; top: 40%; right: 60px; z-index: 999;" alt="使用图片预览" title="使用图片预览" onclick="goForImage()"/>-->
<span class="fa fa-file-image-o fa-5x" style="position: fixed; cursor: pointer; top: 40%; right: 50px; z-index: 999;" title="使用图片预览" onclick="goForImage()"></span>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">