สอบถามเรื่องสคริปคำนวณความกว้าง ความสูง JavaScript ค่ะ คืออยากให้เวลา เอารูปจากฐานข้อมูลที่รับเข้ามาไม่ต้องคำนวณความกว้าง ความสูงอีกค่ะ

<a id="goLeft">&nbsp;</a>
              <div id="lookbookContainer">
                    <div id="lookbookItemHolder" class="scroll-pane horizontal-only">
                        <div id="itemWrapper">
                   <? for($x=0;$x<$result_g;$x++){
                        $sql_pic=get_a_line("select * from port_img  where port_id ='".$sql_g[$x]['port_id']."' order by port_img_id asc ");
                        ?>
                            <div class="lookbookItem"><img src="img_port/small/1318565011-0.jpg" />  
                             
                             <div class="lookbookItemInfo">
                                    <span class="itemName"> </span>
                                    <span class="itemDesc"><P><?=$sql_g[$x]['port_detail_'.$_SESSION["language"]]?></span>                              </div>
                           </div>       
                        <? } ?>
                            
                      </div>
                   </div>
              </div>
             <a id="goRight">&nbsp;</a>



<script type="text/javascript">
            $(document).ready(function () {

                $('#startPageFlash').css('height', 0);
               

                $('#sb-container').addClass('lookbook');

                var width = 0;
                $('.lookbookItem').each(function () {
                    width += $(this).width();
                    width += 16; //แถวความกว้าง
                });
               
                $('#itemWrapper').css('width', width);
                $('#lookbookContainer').css('width', $(window).width());

                var height = $('#lookbookContainer').height();
                height += 30;
                $('.articleContent').css('height', height);

                if (width < $(window).width()) {
                    $('#goLeft').css('display', 'none');
                    $('#goRight').css('display', 'none');
                    height -= 20;
                    $('.articleContent').css('height', height);
                }

                $('#lookbookItemHolder').jScrollPane();

                $('.jspContainer').bind('mousewheel', function (event, delta) {
                    if (delta != null) {
                        if (delta > 0) {
                            moveRight();
                        }
                        else {
                            moveLeft();
                        }
                    }
                });

                var moveItemsContainer = (0.1 * (($('#itemWrapper').width()) - ($(window).width())));
                var moveScrollbar = (0.1 * (($('.jspHorizontalBar').width()) - ($('.jspDrag').width())));

                function moveLeft() {
                    var currentContainerPosition = $('.jspPane').position();
                    var currentScrollbarPosition = $('.jspDrag').position();

                    var newContainerPosition = (currentContainerPosition.left - moveItemsContainer);
                    var newScrollbarPosition = (currentScrollbarPosition.left + moveScrollbar);

                    var compare = 0 - (($('#itemWrapper').width()) - ($(window).width()));

                    if (newContainerPosition > compare) {
                        $('.jspPane').css('left', newContainerPosition);
                        $('.jspDrag').css('left', newScrollbarPosition);
                    } else {
                        $('.jspPane').css('left', compare);
                        $('.jspDrag').css('left', (($('.jspHorizontalBar').width()) - ($('.jspDrag').width())));
                    }

                };

                function moveRight() {
                    var currentContainerPosition = $('.jspPane').position();
                    var currentScrollbarPosition = $('.jspDrag').position();

                    var newContainerPosition = (currentContainerPosition.left + moveItemsContainer);
                    var newScrollbarPosition = (currentScrollbarPosition.left - moveScrollbar);

                    if (newScrollbarPosition > 0) {
                        $('.jspPane').css('left', newContainerPosition);
                        $('.jspDrag').css('left', newScrollbarPosition);
                    } else {
                        $('.jspPane').css('left', 0);
                        $('.jspDrag').css('left', 0);
                    }
                };

                $("#goLeft").click(function () {
                    moveRight()
                });

                $("#goRight").click(function () {
                    moveLeft()
                });

            });
        </script>