問題タブ [responsive-slides]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
291 参照

jquery - カスタム カルーセルは、常に画面の中央に 4 つのアイテムを表示します

スライダー用に持っていたコードからカスタム カルーセルを構築することができました.\

今はすべて機能していますが、並べ方に少し問題があります。これが私がこれまでに持っているものです:- http://goo.gl/lw4FVS

私が望むのは、中央のフェードされていない領域内に常に 4 つのスライドが表示されるようにすることです。ご覧のとおり、ちょうど中心からずれています。

使用している画面サイズに関係なく、4 つのカルーセル アイテムを中央に表示する必要があります。

私のjqueryコードは次のとおりです:-

これを行う方法に関するヘルプやアドバイスは素晴らしいでしょう。親切な人に感謝します。

0 投票する
1 に答える
323 参照

javascript - jquery スライダーの応答性の問題

私はjQueryの初心者で、スライダーをレスポンシブにしようとしていて動作していますが、修正したいバグがいくつかあります.ますます速くなり始めます。

助言がありますか?

0 投票する
1 に答える
80 参照

jquery - jsを使用してページの読み込み時に要素を移動する

http://cccw.ecologik.net/ResponsiveImageGallery/

私は大好きなこの Elastislide Carousel Thumbnail Viewer を使用しています。サムネイルをビューアの上部ではなく下部に移動しようとしているだけです。これは css の問題ではないと思いますが、gallery.js ファイルを使用したビルドで発生します。あらゆる種類の追加を行っています。親divに移動しますが、サムが作成されて表示される場所がまだ見つかりません。コード内でサム div をどこに移動しても、一番上に移動し続けます。ここで行われている .appends をどのように解釈すればよいですか?

0 投票する
1 に答える
146 参照

css - DIV での垂直方向のテキスト配置 - レスポンシブ テキストのサイズ変更

wordpress サイトがあり、スライダー画像の上にテキストを垂直に浮かせようとしています。

次の CSS を使用して、スライダー ウィジェットに単一の静的な全幅画像をハードコーディングしました。

それでは質問です。ワイド画面では文字が綺麗に見えますが、ブラウザのウィンドウを縮小したり、モバイルから閲覧したりすると、文字がスライダー画像からはみ出して他のウィジェットにはみ出してしまいます。

このテキストをスライダー ウィジェットのみに固定する方法はありますか? どういうわけかレスポンシブテキストサイズ?

0 投票する
1 に答える
196 参照

javascript - ユーザーがリンク/ボタンをクリックしたときにのみレスポンシブスライドを開始する

私が作成しているサイトでこれを機能させることができました:http: //jsbin.com/eHaHEVuN/1/ ( ResponsiveSlides.jsを開始/停止する方法で見つかりました か? )

スライドショーは、クリックして一時停止するまで自動的に開始されます。私が必要とするのは、ユーザーが再生をクリックするまでスライドショーが開始されないようにすることです。つまり、[再生] をクリックするまでスライドショーはありません。(設定を試してみたところauto: false、スライドショーは確かに一時停止から始まりますが、再生リンクを表示することも、スライドショーを開始することもできません。)

私は精通していないので、コピー/貼り付けできるコードは非常に高く評価されます。スライドショーは現在http://new.ceciliaportal.com/slideshow-test.htmlにあり ます ありがとうございます。

0 投票する
0 に答える
409 参照

jquery - レスポンシブ高さの幅が 100% の画像のアスペクト比を jQuery する

スライドショーで画面の高さと幅を埋めたいのですが、垂直スライド効果の縦横比を維持してください。小さな画面では(非常に広い)幅の一部をトリミングし、非常に大きな画面では両方向に引き伸ばす必要があります。#slideshow ウィンドウの高さを決定し、縦横比を維持する計算はありますか? 詳細なメディア クエリが面倒になり、高さを減らしすぎています。http://apurch.jvonhausen.comでウィンドウをスケーリングすると、問題を確認できます。

私は近い答えを見ました:異なる画面解像度で縦横比を維持することによる画像サイズの計算, しかし、これはJavaであり、スクリプトではないと思います.

0 投票する
0 に答える
189 参照

responsive-slides - レスポンシブ スライドの初期化後、最初のトランジションの前に機能を実行する方法

レスポンシブ スライドをスローする画像をスクロールする div があり、この div の横にページを変更するためのナビゲーション ボタンがあります。

ボタンを画像の垂直方向の中央に配置する必要があり、それを行う機能があります。

レスポンシブ スライドでは一部の画像の高さが調整されるため、レスポンシブ スライドの後に CenterArrow を呼び出す必要があります。

上記のコードでわかるように、アフター コールバックに入れようとしましたが、最初のスライドではナビゲーション ボタンが表示されません。

前のcallbakcでも試しましたが、数秒前に表示されますが、最初のスライドには表示されません。

準備ができているコールバック、または同様のものはありますか?

ありがとう

0 投票する
2 に答える
906 参照

javascript - respondslides.js - 各スライドに特定のタイムアウトを割り当てる

Respondslides.js でスラ​​イダーを作成しました。5 種類の画像スライドが含まれています。

通常、たとえば 4000 ミリ秒のタイムアウトを割り当てることができますが、それはスライダーのすべての画像に割り当てられます。

各画像スライドに異なるタイムアウトを割り当てたいと思います。例えば:

どうすればそれを入手できますか? 出来ますか?助けてくれてありがとう、そして私の下手な英語でごめんなさい。

Timctran の提案どおりにコードを編集しましたが、何か問題がありました。このコードの問題点を特定するのを手伝ってくれませんか?

ご指摘のとおり、コードを変更してみました。JavaScriptコードの経験がないので、何か間違ったことをして、スライダーが機能しなくなったので、古いバージョンに戻しました。コードを変更した方法は次のとおりです。

コードを修正する際の助けをいただければ幸いです。ありがとう!

0 投票する
2 に答える
1783 参照

button - jssor - 「次へ」ボタンをクリックするかラジオボタンを選択すると、次のスライドに移動します

jssor Tab Slider を使用してアニメーションフォームを作成しています。コンテンツ内の次のスライドに移動するオプションを追加したい (上部のタブをクリックするだけではなく...)

次のスライドに移動する 2 つの方法: 1. ラジオ ボタンを選択する 2. [続行] ボタンをクリックする

続行ボタンに data-u="arrowright" を追加しようとしましたが、タブ ナビゲーションが完全に消去されました。ラジオボタンから始める方法さえまだわかりません。

私は初心者で、助けが必要です!

ありがとう