javascript - 画像がトリミングされるのはなぜですか?

Question

うまく機能するiossliderスクリプトを使用していますが、画像のサイズを変更するのではなく、画像をトリミングする理由がわかりません。これが私のcssスタイルとjquery呼び出しです:

CSS:

.iosSlider {
/* required */
position: relative;
top: 0;
left: 0;
overflow: hidden;

width: 100%;
height: 300px;
}


.iosSlider .slider {
/* required */
width: 100%;
height: 300px;
}


.iosSlider .slider .slide {
/* required */
float: left;
}

私のjQueryコール：

$('.iosSlider').iosSlider({
        snapToChildren: true,
        desktopClickDrag: true,
        keyboardControls: true,
        onSlideChange: slideChange
    });

HTML:

<div class = 'iosSlider'>   
    <div class = 'slider'>
        <div class="item">
            <img src="/some_img_1.png" />
        </div>
                <div class="item">
            <img src="/some_img_2.png" />
        </div>
    </div>
</div>

画像の高さを 300px に変更できない理由を教えてください。オリジナルは高さが600pxなので半分にカットされています。それはCSSの問題だと確信していますが、追跡できないようです。何かご意見は？