2017-01-18 8 views
0

私は最近Audio Visual社で新しい仕事を始めました。ユーザーは認証なしでユーザーが表示ページに画像をアップロードして自動的にスクロールできるようにするアプリケーションの開発を依頼しましたスルー。SlickCarouselのVertical Align Images

私は唯一のカルーセルを選択しましたが、私の問題は風景画像が縦向き画像と垂直に整列していないことです。

アップロードされた画像がデータベースに送られ、カルーセルに自動的に表示されるように検索して、各画像に独自のdivタグがあるようにコードを設定します。

ページ内のPHP要素のため、ページ自体はデータベース接続なしではロードされず、JSFiddleでは機能しません。また、ここで は私の問題のスクリーンショットです:
Image 1 displaying portrait image at full height
Image 2 displaying landscape image at top of the page
私は画像2は、ページの中央に表示したいとどこでも私は私が探しているものを見つけるように見えることはありません、正しい情報を探しますために。

助けてください、私は非常に感謝します!
AlexJamesDean。

+0

JSFiddleリンク:https://jsfiddle.net/5yjswj4k/ – AlexJamesDean

+0

持っていますあなたはhttp://kenwheeler.github.io/slick/ –

+0

で調べた設定をチェックしましたが、私はこの問題に直接関係するものは見当たりません。 – AlexJamesDean

答えて

0

あなたはテーブル表示に試してみるとよいでしょう画像のdivに

.autoplay{position: relative;} 
#img_div { 
    width: auto; 
    height: auto; 
    postion: absolute; 
    top: 50%; 
    transfrom: translateY(-50%); 
} 
+0

これはちょっと役立つようですが、画像の上部が隠されています。 http://imgur.com/a/EMeXd – AlexJamesDean