Asked By
kevin rith
20 points
N/A
Posted on - 12/10/2012
Hello experts! I'm a little wary about this div in my personal webpage. I want to be able to let users zoom in particular div. Could I be able to zoom in div javascript used as a scripting language? If yes, could you please provide me with sample codes? If not, what would you suggest to accomplish this?
Could I be able to zoom in div JavaScript?
Hello,
You can write up codes in different ways for zooming in and out divs in a webpage. A simple code can be as shown below.
<script type="text/javascript">
<!–
var PreferredWidth = 700;
var PreferredHeight = 550;
var PreferredMainContentWidth = $('div#maincontent').width();
var PreferredBlueboxMiddleWidth = $('div.bluebox:first div.top div.middle').width();
function zoomObject(pos,slider){
var newWidth = Math.ceil( pos*PreferredWidth/100 );
var newHeight = Math.ceil( pos*PreferredHeight/100 );
if( newWidth < PreferredBlueboxMiddleWidth ) {
$('div#maincontent, div.bluebox:first').css({'width': PreferredMainContentWidth+'px'});
$('div.bluebox:first div.middle').css({'width': PreferredBlueboxMiddleWidth+'px'});
} else {
$('div#maincontent, div.bluebox:first').css({'width': (newWidth+30)+'px'});
$('div.bluebox:first div.middle').css({'width': (newWidth)+'px'});
}
$("#flashobj").css({'width': newWidth+'px','height': newHeight+'px'});
}
–>
</script>
Thank you.