Como definir um limite para aumentar em diminuir em jquery.

[FabianoS]

Bom Queria fazer com que ao clikar no botão a minha div aumente 100px e outro diminuir 100 só que ao quando a pessoa diminuir ate chegar a imagem original que seria 100 px parace nao desse mais pra diminiur.(nao sei se entenderam mais olha os codigos

 

Eu consigo aumentar e diminuir mais nao tem um limite de ate quando pode aumentar e diminuir .

<input class="btn" type="button" value="Aumentar"/><input class="btn2" type="button" value="Diminuir"/><div class="boxs"><a href="#"><img class="imgs" alt="#" src="#"></img></a></div><div class="boxs"><a href="#"><img class="imgs" alt="#" src="#"></img></a></div><div class="boxs"><a href="#"><img class="imgs" alt="#" src="#"></img></a></div><div class="boxs"><a href="#"><img class="imgs" alt="#" src="#"></img></a></div>

<script type="text/javascript" src="jquery-1.11.2.min.js"></script><script type="text/javascript">$(document).ready(function(){var caixa = $('.boxs');$('.btn').click(function(){$('.boxs').css({width:'+=100', height:'+=100'});$('.imgs').css({width:'+=100', height:'+=100'});});$('.btn2').click(function(){$('.boxs').css({width:'-=100', height:'-=100'});$('.imgs').css({width:'-=100', height:'-=100'});});});</script>

[DiF]

@FabianoS

 

Você pode setar no css o min-width, max-width, min-height e max-height para os elementos da imagem e do div

Este é o ponto inicial do seu estudo

[FabianoS]

@FabianoS

 

Você pode setar no css o min-width, max-width, min-height e max-height para os elementos da imagem e do div

Este é o ponto inicial do seu estudo

Nossa mano nao sei como nao pensei nisso serio, valeu sempre me ajudando .