изменить размер div увеличить или уменьшить используя чистый JavaScript или JQuery

Question

У меня есть страница, отображающая игру SWF в контейнере div

Мне нужно добавить ползунок уменьшения масштаба на эту страницу, чтобы пользователь мог изменить размер SWF-файла с помощью ползунка

пример, подобный этому слайдеру страниц:

нравится эта страница http://www.agame.com/game/Snowflake-Puzzle.html

любая помощь, пожалуйста

Спасибо заранее

Answer 1

Вы смотрели на источник? Ответ тут же:

<script type="text/javascript">
<!--
    var startGameWidth = 700;
    var startGameHeight = 550;
    var startMainContentWidth = $('div#maincontent').width();
    var startBlueboxMiddleWidth = $('div.bluebox:first div.top div.middle').width();

    function zoomObject(pos,slider){
        var newWidth = Math.ceil( pos*startGameWidth/100 );
        var newHeight = Math.ceil( pos*startGameHeight/100 );

        if( newWidth < startBlueboxMiddleWidth ) {
            $('div#maincontent, div.bluebox:first').css({'width': startMainContentWidth+'px'});
            $('div.bluebox:first div.middle').css({'width': startBlueboxMiddleWidth+'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>