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 sebagaimana mestinya. Biarkan angin merengkuhnya, membawa pergi entah kemana. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width.

Pada tutorial kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width. Fungsi ini menjadikan button jika di klik akan meresize atau mengubah gambar menjadi ukuran yang sudah kita atur. Oke langsung saja, berikut cara nya.

Seperti biasa, 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>

Selanjutnya, isi untuk 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 untuk bagian Javascript nya.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").width(500).height(500);
    });
});
</script>

Bagaimana teman-teman? Cukup mudah bukan?

Sekian untuk tutorial kali ini tentang bagaimana Cara Meresize Ukuran Gambar dengan jQuery Height dan Width.

Semoga bermanfaat, terima kasih.