問題タブ [responsive-slides]

I have taken the jQuery plugin Responsive Slides and have attempted to make my own modifications to it. Everything is going pretty well, except I'm having an issue with being able to make the pager and next/prev controls fade in when the container is hovered on.

I have managed to get the fading to work well, the only problem is that when the pager controls fade in, the content beneath it is pushed down, and then up again if I hover off the slider.

I'm not sure how to fix it, because I don't think using position absolute is going to work, as it needs to remain responsive. I get the feeling I'm going to have to make some changes to the javascript file because those parts are inserted inline via js, and that's quite a way out of my comfort zone. Any help would be massively appreciated!

The issue: http://hosting.ladesigns.co.uk/test/

This is my first time here, and if you need more information please just ask, apologies in advance if I've missed something obvious!

それは非常に迷惑で、気が狂ってしまいます。なぜこれが起こっているのか、一生理解できません。

リンクはこちら

スライダーにResponsiveSlidesプラグインを使用しています。スライドの最後に到達すると、最初のスライドに戻ると想定します。

代わりに、スライドショーの最後に到達したように見え、その後空白のスライドが表示され、THEN が最初のスライドに戻ります。

オービット スライダーを使用しようとしたときに、これと同じ効果が発生しました。そして、別のスライダーを使用しようとしたとき。

スライダー プラグインのせいではないと確信しています (3 つのスライダー プラグインすべてが、スライドショーの最後に空白のスライドをランダムに表示するとは思えません)。

私が考えたこと/試したこと: ここに私のマークアップがあります:

そして私のJavaScript：

これらの画像はすべてサーバー上に存在し、存在しない画像にアクセスしようとしているかのように、コンソールに 404 はありません....それでも、スライダーにはまだ空白のスライドが表示されます!

誰でも何か考えがありますか？

wordpress slider plugin画像とビデオをサポートする無料版が必要responsiveです。スライダーは何でも試してみましたが、ビデオの応答性に欠けています。Flex スライダーにはすべての機能がありますが、wordpress プラグインとしては見つかりませんでした。何か助けはありますか？

ResponsiveSlides.js にいくつかのカスタム機能を設定しようとしています。クリックではなくマウスオーバーで動作する手動コントロールでスライダーを使用できるようにする必要がありますが、クリックすると特定の URL リンクに移動します。スライドショーには 4 つのスライドがあり、4 つのボタンを使用してそれらをナビゲートできる必要があります。これが私が達成したいことです：

1. クリックではなくマウスオーバーで 4 つのボタンが機能するようにします。「manualControls: ".custom-pagers",」を使用してカスタム ナビゲーションを実装しています。マウスオーバーで特定のスライドに移動する方法があるかどうか疑問に思っていましたが、href=""クリックするとURLに移動します。

2. 別のボタン ( .buy-tag a) を用意し、マウスオーバーでスライダーを一時停止しhref=""ますが、クリックすると URL に移動します。

これが私のコードです：

そしてHTML：

誰か助けてくれたり、正しい方向に向けてくれたりできますか? 前もって感謝します！

私が取り組んでいる Web サイト ( here ) にRespondSlides.jsスライドショーを追加しようとしていますが、メソッドが呼び出されていないようです。単なる構文エラーだと思いますが、一生見つけることができません。

サイトの頭の中で、私は持っています

スライドショーの画像を含むコード (本文) は次のとおりです。

「$('slider1').responsiveSlides();」という行の前にアラートを配置できますが、その行の後に配置すると呼び出されません。いずれかの URL をブラウザーに入力して、それぞれの .js ファイルにアクセスできます。

私が見逃しているのはおそらく非常に単純なものであることを知って私を怒らせているので、これについて本当に助けていただければ幸いです...

要素を個別にスライドできるレスポンシブ スライダーが必要です。このサイトhttp://www.youxithemes.com/live_previews/joiee/には私が必要とするスライダーがありますが、ワードプレス用の回転スライダーを使用しているようです。独自の PHP Web サイトを開発していますが、wordpress プラグインを使用できません。このような無料のスライダーはありますか？

JavaScriptに関しては、少し初心者です。私の質問は、ここで見つけることができる codrops のプッシュ メニュー スクリプトに関するものです: http://tympanus.net/codrops/2013/08/13/multi-level-push-menu/

2 つの異なるリンク/トリガーによってトリガーされる 2 つの異なるナビゲーションを使用しようとしています。次のようにスクリプトを複製しました。

そして私はnavを複製し、idを変更して、id mp-mennu2のnavとif trigger2のトリガーを持つようにしました。しかし、2番目のトリガーのみが機能しています。最初のトリガーをクリックすると、mp-menu2 が開きます。

誰もがその結果を得る方法について考えを持っていますか?

ここにhtmlがあります

したがって、Nivo Slider はレスポンシブですが、イメージ マップはサポートしていません。

Sliderman はイメージ マップをサポートしていますが、レスポンシブではありません。

私のニーズに合ったスライダーはありますか？

現在、ウィンドウのサイズが変更されるとサイズが変更される画像のスライダーがあります。画像のサイズは正常に変更されますが、サイズを小さく変更すると、スライダー コンテナーの茶色の背景が表示されます。茶色の背景がまったく表示されないように、画像とともにコンテナーのサイズを変更できるようにしたいと思います。

現在、スライダーのコンテナーには高さが設定されています。高さを設定しないと、スライドが遷移しているときにコンテナが 1 秒間高さ 0 にジャンプし、レイアウトが一種のグリッチと移動になるため、高さを設定します。スライダー コンテナーの高さが設定されていない場合、サイズは正常に変更されますが、レイアウトの不具合が発生します。

レイアウトの不具合がなく、背景色を表示せずにサイズを変更するスライダー コンテナーを使用するにはどうすればよいですか?

スライダーがあるサイトへのリンクは次のとおりです: http://lab.stickywebz.com/plantsource/

スライダーに使用しているJavaScriptは次のとおりです。

スライダー領域に使用している CSS の一部を次に示します。