add title zoom

This commit is contained in:
Andrey Kuvshinov
2020-04-08 19:52:25 +03:00
parent f2938d291d
commit 6b85510ae7
2 changed files with 5 additions and 4 deletions

View File

@@ -92,7 +92,7 @@ _tmr.push({id: "1069168", type: "pageView", start: (new Date()).getTime()});
<li id="buttom-zoomin" onclick="pdfzoomin()" style="list-style-type:none;float: left;padding: 2px 10px;font-size: 1.6em;display: flex;align-items: center;cursor: pointer;border: 3px solid #2c2e35;border-radius: 20px;margin-right: 15px;"> <li id="buttom-zoomin" onclick="pdfzoomin()" style="list-style-type:none;float: left;padding: 2px 10px;font-size: 1.6em;display: flex;align-items: center;cursor: pointer;border: 3px solid #2c2e35;border-radius: 20px;margin-right: 15px;">
<span style="color:#2c2e35; text-decoration: none;">+ Увеличить</span> <span style="color:#2c2e35; text-decoration: none;">+ Увеличить</span>
</li> </li>
<li style="list-style-type:none;color:#2c2e35;margin-right: 15px;float: left;font-size: 2em;">100%</li> <li id="zoompdf" style="list-style-type:none;color:#2c2e35;margin-right: 15px;float: left;font-size: 2em;"></li>
<li id="buttom-zoomout" onclick="pdfzoomout()" style="list-style-type:none;float: left;padding: 2px 10px;font-size: 1.6em;display: flex;align-items: center;cursor: pointer;border: 3px solid #2c2e35;border-radius: 20px;"> <li id="buttom-zoomout" onclick="pdfzoomout()" style="list-style-type:none;float: left;padding: 2px 10px;font-size: 1.6em;display: flex;align-items: center;cursor: pointer;border: 3px solid #2c2e35;border-radius: 20px;">
<span style="color:#2c2e35; text-decoration: none;">Уменьшить -</span> <span style="color:#2c2e35; text-decoration: none;">Уменьшить -</span>
</li> </li>

View File

@@ -30,20 +30,21 @@ function renderPage() {
}); });
}); });
document.getElementById('zoompdf').innerHTML = scale + 'x';
document.getElementById('pdfprogress').innerHTML = 'Приятного чтения ↓'; document.getElementById('pdfprogress').innerHTML = 'Приятного чтения ↓';
} }
function pdfzoomin(){ function pdfzoomin(){
scale += 0.5; scale += 0.25;
renderPage(); renderPage();
} }
function pdfzoomout(){ function pdfzoomout(){
scale -= 0.5; scale -= 0.25;
renderPage(); renderPage();
} }