問題タブ [responsive-slides]

ResponsiveSlides.jsに問題があります。
私のサイトでは、クライアント セクションのスライダーでオーバーフローの問題が発生しています。

スライドが変わると、画像がクライアント セクションの赤いブロックに重なることがわかります。CSS に正しいプロパティを追加したと思います。

以下は CSS スニペットです。

上記の CSS は、スライダーのデフォルトの CSS です。以下は、サイトに合わせて追加した要素です。

不足しているものはありますか？

デスクトップ ビューとタブレット ビューの両方に対応するレスポンシブ デザインを構築しています。このデザインでは、 jQuery Cycle2を使用して 1 つ以上のスライドショー ビルドを使用しています。このスライドショーには、デスクトップ 3 つのオブジェクトがスライダーに含まれており、タブレット バージョンでは 2 つだけ含まれています。

私のアプローチ:ウィンドウのサイズ変更イベントをチェックし、すべてのサイクル キャプションをアンラップし、指定された数の要素を新しいキャプションでラップし、サイクル プラグインを再起動します。

私の問題:サイクル プラグインを再起動しようとするまで、すべて正常に動作します。失敗とかしないとうまくいきません。したがって、再起動だけが問題のようです。

私のコード:

手伝ってくれてありがとう。

私はResponsiveSlides.jsを使用しており、プログラムでスライドを変更しようとしています。私はそれを2つの方法で試しましたが、どちらもうまくいきませんでした。

1. サムネイルのクリック イベントからプラグインのslideTo関数を呼び出し、移動先のスライドのインデックスを渡します。

2. 移動先のスライドのインデックスに対応するで使用.trigger("click")します。例:<li>

   $(".rslides_tabs li").eq($theIndex).trigger("クリック");

高さが固定され、画像が中央に配置された全幅 (レスポンシブ) スライダーが必要です (最小幅は 960 ピクセルで、より広い画面を使用している人には画像の残りの部分 (左右の余分な部分) が表示されます) で、自動化する必要があります。回転します。

これで、html/css が完成しましたが、JavaScript がゴミなので、画像をスライドさせる方法がわかりません。ここで多くの質問をチェックアウトしましたが、何も機能していないようです。私の画像のサイズは 2300x350 です。

CSS:

HTML:

このコードを使用すると、すべての画面で画像が中央にきれいに表示されますが、スライドして自動回転させるにはどうすればよいですか? 最初の画像を2番目の画像に置き換えるだけでいいので、z-indexを変更しますか? または + または - 1 つの画像の幅?

そのため、ウェブサイトにスライドショーがあり、ウィンドウサイズがモバイルのときにリストだけに変えたいと思っています。jqueryプラグインを無効にする方法や、ウィンドウのサイズ変更の機能を無効にしてスライドを無効にし、スライドリストのモバイルスタイルを作成する方法があるかどうかを考えていました。

これを行うための最良の方法は何だと思いますか?

ありがとう！

ウィンドウのサイズを変更するときに、この Web サイトに問題があります: http://goo.gl/BaIuy

説明してみましょう。ご覧のとおり、金魚鉢にいるような体験を実現しようとしています。水の背景用、コンテンツ用、魚の画像用、流木や海藻などのグラフィック オブジェクト用の 4 つの異なるコンテナーで作成されます。

水の背景用のものを除く各コンテナーには<ul id="mask">、ウィンドウ サイズより 600% 広いメインがあります。これには、Web サイトの各セクションに対応するul#mask6 つ<li>の要素が含まれており、それぞれの幅はウィンドウ サイズの 100% です。

問題は、最初のセクション (最初) とは異なるセクションに配置され<li id="home">、ウィンドウのサイズを変更すると、すべての<li>要素が幅を縮小し始めますが、現在<li>はウィンドウ サイズがいっぱいにならず、他の<li>要素が画面に表示され始めることです。サイズ変更アクションのため。

私はすでにJavaScriptで幅を計算して要素にサイズ変更された幅を与えようとし、スタイルシートの要素の幅を無効にしたので、JavaScriptはページがロードされたときにウィンドウの幅を与えます.しかし、何かが欠けているようです.何か間違ったことをしている、ここを見てください：

誰かがこれを見て時間を割いてくれて感謝してくれることを願っています.