2017-07-13 8 views
0

私は運がないこのトピックを検索しようとしました。HTMLコンテンツを次と戻るボタンで一列に表示

ウェブページ内のコンテンツを複数の行に表示したいと思います。コンテンツがページ幅を超えている場合は、各行で次と戻るボタンを使用します。

私はカルーセルについて良いtoturialsを見つけYoutube

enter image description here

良い例があるが、私は本当にカルーセルを捜しているわけではないか、少なくともそれは私が実装しているよどのようにしていません。

私は私が過去に全く同様に何かをした私の質問

+0

私たちに見てもらうためのコードはありますか? – trav

+0

こんにちは、私はまだ始める方法についてはまだ混乱しています。私はまだ見て探していますが、これまでのところ答えはありませんでした。 –

+0

なぜカルーセルがあなたにとってうまくいかないのですか? 問題を解決する複数のスクリプトがあります。 たとえば、flexsliderなどを試すことができます。 それは解決策ではない場合は、なぜexacltyを記述してください。 – MFGSparka

答えて

0

を説明することができたことを願って、私はそれをやった方法を説明しようとします。

まず、ここのJSフィドルがある: https://jsfiddle.net/VoidZA/fxudjony/

それはのラインの周りのものです:

<div class="container-holder"> 
    <div class="click-prev nav-button">Prev</div> 
    <div class="outsideViewBefore container">Container Before</div> 
    <div class="inView1 container">Container 1</div> 
    <div class="inView2 container">Container 2</div> 
    <div class="inView3 container">Container 3</div> 
    <div class="inView4 container">Container 4</div> 
    <div class="inView5 container">Container 5</div> 
    <div class="outsideViewAfter container">Container After</div> 
    <div class="click-next nav-button">Next</div> 
</div> 

最終編集: は、コードを固定し、jsFiddle

に例を置きます
+0

申し訳ありませんが、私はこれに新しいです。しかし、あなたが提供したコードを試してみるとうまくいかなかったのですか? –

+0

ここに行く:https://jsfiddle.net/VoidZA/2j91o765/ ここにいくつかの間違いがあった – VoidZA

+0

また、あなたが考えていたものにちょっと近づいて、ちょうど内容を追加して、いくつかのスタイリングコンテンツの場合: https://jsfiddle.net/VoidZA/fxudjony/ – VoidZA

関連する問題