私が達成しようとしていることを視覚的に確認できるように、ページのモック デザインのイメージをフォトショップを使用して作成しました。
答えようとするときは、この質問の最後にある画像を見てください。
更新された質問: 現時点ではコードがありません。誰かが私を正しい方向に向けることができるかどうか疑問に思っていました。Ruby on Rails を使用してオンライン アプリケーションを作成しています。現時点では、Rails 側については心配していません。まず、JQuery を克服したいと考えています。私は 6 つのソースを持っており、それぞれに名前、写真、説明が付いています。私が達成したいのは、写真に示すようにページがソース 1 から始まることです。右矢印をクリックすると、ソース番号 1 がソース番号 2 になり、画像が変わり、関連する説明が変わります (つまり、ソース番号 2 の説明.
私の主な問題は、関連するコンテンツを2つの矢印の間に収める方法がわからず、矢印が押されたときにそれらを変更する方法がわからないことです。つまり、ユーザーは右矢印を 1 回クリックして内容を変更できますが、矢印を 2 回目にクリックすると 2 番目のソースになり、3 回目は 3 番目のソースになるように jQuery を設定する方法、時系列順なので、戻る矢印をクリックすると、現在のソースの前のソースに移動します。
一言で言えば、すべてが動的に発生します。すべての div の準備が整っているわけではなく、JQuery はそれらを切り捨てます (つまり、Jquery div スライダーではありません)。
画像は次のとおりです。
