Cara Meresize Ukuran Gambar dengan jQuery Height dan Width
Tak peduli lewat apa penerimaan, pengertian, pemahaman itu datang. Tak masalah meski lewat kejadian yang sedih dan menyakitkan. Biarkan dia jatuh dari yang mestinya. Biarkan angin merengkuhnya, membawa pergi entah kemana. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width.
Di panduan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width. Kegunaan ini menjadikan button sekiranya di klik akan meresize atau mengubah gambar menjadi ukuran yang telah kita atur. Oke seketika saja, berikut cara nya.
Seperti lazimnya, siapkan file index.html.
Kemudian, kita hubungkan file HTML kita dengan library jQuery nya.
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script>
Setelah itu, isi di bagian <body> tag-tag HTML berikut.
<div id=div1></div>
<br>
<button>Resize div</button>
Berikutnya, isi bagi bagian CSS nya.
<style>
#div1 {
height: 100px;
width: 300px;
padding: 10px;
margin: 3px;
border: 1px solid blue;
background-color: lightblue;
}
</style>
Dan yang terakhir, isi bagi bagian Javascript nya.
<script>
$(document).ready(function(){
$(button).click(function(){
$(#div1).width(500).height(500);
});
});
</script>
Bagaimana teman-teman? Lumayan gampang bukan?
Sekianlah bagi panduan kali ini mengenai bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width.
Semoga bermanfaat, terima kasih.
Sumber https://kursuswebsite.org
