問題タブ [jssor]
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.
jquery - Jssor によるセキュリティ警告
Jssor スライダーで IE8 のセキュリティ警告が表示されます。現在の構成は次のとおりです。
- サイトは HTTPS のみを実行しています。
- jQuery ライブラリへのすべての参照は、scripts フォルダーに関連しています。
- 画像へのすべての URL は、画像フォルダーに関連しています。
- これを他のブラウザでテストすることはできません。私の会社は、アップグレードやその他のブラウザを許可しません。
- ページに AJAX 呼び出しはありません。スライダーはハードコードされた HTML を使用しています。
最初はセキュリティ警告は表示されません。スライダーが読み込まれ、画像のコメントが表示されます。最初のスライドはアニメーションで終了しますが、2 番目のスライドが遷移しようとするとすぐに、セキュリティ警告が表示されます。
セキュリティ メッセージには次のように記載されています (スクリーンショットをアップロードできないため)。
「安全に配信された Web ページのコンテンツのみを表示しますか?」選択肢: 「詳細」、「はい」、「いいえ」
HTTP アドレスへの静的 URL のページ ソースを確認しましたが、これをトリガーするものは見つかりません。
[はい] をクリックしても [いいえ] をクリックしても、ページのすべてが読み込まれます。
これに関するアイデアはありますか?ありがとう!
html - jssorスライダーの奇妙な画像サイズの動作とクロムでの白い間隔
jssor スライダーにバグがあるようです - 現時点ではクロムに限定されているようです。
私の最初の問題は - Jssor スライダー - イメージ シェイク バグ- トランジション アニメーションが再生される直前に毎回イメージが縮小し、トランジション アニメーションが終了した直後に拡大するのと似ています。Chrome と Firefox で発生するのを見たことがありますが、おかしなことに IE10 では発生しません。問題を発見した人は、この問題を修正するために何を変更する必要があったかについて、さらに詳しく説明してくれますか?
私のもう1つの問題は、ページのコンテンツを大きな空白で隠すことでウェブサイトを完全に壊してしまうため、非常に大きな問題です. たまたま、スライダーに 21 枚の画像が表示されていましたが、クロムでは、トランジション アニメーションが再生されるたびに、スライダーの高さ全体を取得していました (つまり、スライダーのすぐ隣にあるすべてのコンテンツ、これを想像してください)。 Web サイト、この現在のテキスト要素の横にあるオレンジ色の右側の要素) が白くなり、アニメーションが終了するまで何も表示されません。これが他のブラウザで発生するかどうかを確認しようとしましたが、今のところクロムのみのようです.
ページを特定の位置(常にこの位置)までスクロールすると、さらに奇妙な動作が発生し、スライダーを除いて画面全体が白くなります。ページをもう少し下にスクロールすると、ページのコンテンツが返されます! 開発者ツールを調べてみましたが、要素の上にカーソルを合わせると要素とその位置を選択できるため、すべてのコンテンツがそこにあることがわかります。
なぜこれが起こっているのか、あるいは何が原因なのかを探し始めているのか、私にはわかりません。
javascript - Jssor - How to display multiple thumbnail navigator on the same container
I have been playing with the api of jssor for a little while now and there is a setup that I can't manage to reproduce.
I am trying to use a nested slider (http://www.jssor.com/demos/nested-slider.html)
but display the thumbnails for the set of slides that is being displayed. After looking at the api code, the library doesn't seem to allow multiple thumbnail navigator on the same slide container (apparently the slides set selectors in the nested sliders counts as a thumbnail navigator).
I have tried setting thumbnail navigators with unique id for each of the sub sliders containers but that gave me weird results.
Basically, I would like to merge the nested slider and this one http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html so that the vertical thumbnail navigator shows me the current set of slides.
Is it possible to do that?
Thanks!!
slider - joomlaカスタムhtmlモジュール内でjssorスライダーを使用する
joomla 3.3のカスタムhtmlモジュールでこれを使用しようとした人はいますか? うまくいかない理由はありますか?この状況で機能することがわかったものを誰かが共有できますか? 前もって感謝します。
jquery - JSSORプラグインで右にスライドする方法
8つの小さな画像でスライダーを作成して有効autoPlay
にしましたが、それでも方向は右から左なので、動きを逆にする方法(左から右)
編集を試み_PlayDirection
ましたが、結果はありませんでした
jssor - 一部のスライドは縦向き、一部は横向き - Jssor でそれらを正しく表示するにはどうすればよいですか?
私のスライドは、さまざまなサイズと向き (一部のパノラマ) です。つまり、すべてフォトロールの写真です。ほぼすべての写真が何らかの形でビューポートより大きくなっています。それらを中央に配置し、正しい縦横比を持ち、iPhone用のタッチコントロールと、< >
デスクトップ用のウィジェット(画像がページの幅よりも狭い場合、ちなみに非表示になります)が必要です。
CSS で max-width を指定することで、全幅を取得できます。全高はトリッキーです。" Full Width Slider
" のデモは で修正height
され500px
、試行錯誤でそれをパーセンテージではなく別の整数に変更することしかできませんでした。
そのため、適切なオプションを微調整し、適切なスタイル/CSS を HTML にインラインで設定するのに苦労しています。「全幅スライダー」( http://www.jssor.com/demos/full-width-slider.html )よりも優れたデモはありますか?
ビューポートよりも大きい画像にピンチズームするのは素晴らしいことですが、それは私の「フィット」の問題を整理するための二次的なものです:)