Search
showing results for - "counter increase size css in js"
Marie
05 Jul 2018
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>JavaScript Increasing and Decreasing Image Size</title>
6<style>
7    button{
8        padding: 3px 6px;
9    }
10    button img{
11        vertical-align: middle;
12    }
13</style>
14<script>
15    function zoomin(){
16        var myImg = document.getElementById("sky");
17        var currWidth = myImg.clientWidth;
18        if(currWidth == 500){
19            alert("Maximum zoom-in level reached.");
20        } else{
21            myImg.style.width = (currWidth + 50) + "px";
22        } 
23    }
24    function zoomout(){
25        var myImg = document.getElementById("sky");
26        var currWidth = myImg.clientWidth;
27        if(currWidth == 50){
28            alert("Maximum zoom-out level reached.");
29        } else{
30            myImg.style.width = (currWidth - 50) + "px";
31        }
32    }
33</script>
34</head>
35<body>
36    <p>
37        <button type="button" onclick="zoomin()"><img src="/examples/images/zoom-in.png"> Zoom In</button>
38        <button type="button" onclick="zoomout()"><img src="/examples/images/zoom-out.png"> Zoom Out</button>
39    </p>
40    <img src="/examples/images/sky.jpg" id="sky" width="250" alt="Cloudy Sky">
41</body>
42</html>
similar questions
javascript increment counter onclickonclick increase counter javascriptlimit characters display javascriptjavascript get clock time in auto counter uphow to limit characters in number input jsjs check which number is largercount javascripthow much html and css before javascriptget element size javascriptjs number to unitsjavascript the file size is measured in bytesnumbers counting up csslimit text to specified number of words using javascriptjavascript count 2b 2bjavascript amount in wordswrite the javascript code to set the width of element to 50 25 3btotal cost example in javascript with functionhow to change elemen size in js when custom page width changedcalculate width of text javascriptjavascript set width percentage update
queries leading to this page
change width javascriptwindow resize animationchange width element with javascriptcollapse in out animation css expand collapse animation cssjavascript change width of elementchange width style jsset size javascriptjs increase widthjavascript change width in javascriptchange width and height javascripthow to set width in javascriptcollapse animation csshow to change width with javascripttree display effect web developmentset width with jshow to make somthing expand with an animationjavascript animation go and out and come inexpanded animate 28 29js change width of elementchange width in jscounter increase size css in jshow to add animation in width size in cssjs set sizecss collapse animationhow to set width using javascriptjavascript set widthchangin width with javscriptchange element width javascriptchange width of element javascriptchange width of element using javascriptchanging width javascriptaccordion expand ani animation csson refresh component animate open from right to leftjs modify widthjscript change this widthset width jsjs get change width of elementchange width jshow to make an element smaller in css animationjs set widthjavascript change widthhow to change size in javascriptchange width of element using jschange width with javascriptset width javascriptchange width of element jsjavascript set sizecounter increase size css in js