問題タブ [anythingslider]

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 投票する
1 に答える
1065 参照

google-chrome - AnythingSlider - CSS で幅を変更すると、Safari と Chrome でスライダーが折りたたまれたり、正しく表示されなかったりする

新しいデータに基づいて質問を書き直しています:

AnythingSlider を使用して、単一ページのサイトをコンテンツ パネルに整理しています。

スライダーは、すべてのデフォルト設定で、Safari/Chrome および FF で機能します。ナビゲーションのスタイルを変更し、美的なディテールをいくつか加えました。スライダーは 3 つのブラウザーすべてで完全に機能します (IE はまだチェックしていません)。ただし、幅を変更するとすぐに、Safari と Chrome でスライダー全体が消えます。FFでかっこいい!

上下逆さまでも横向きでもテストしたような気がしますが、何をしても横幅を1000pxにした瞬間に消えてしまいます。

私が試したことは次のとおりです。

  • コンテナー div を追加し (スライダー ul をラップ)、幅を 1000px に設定し、スライダー ul を 100% に設定します。
  • スライダーの ul width を設定し、すべてのパネルを width: 100% のままにします。
  • スライダーの ul 幅と関連するすべての内部アイテム (パネル、コンテンツ div) の設定
  • すべての画像の幅と高さを設定する

すべて幅属性に要約されるように思われるので、わざわざコードを投稿するつもりはありませんが、とにかく見たい場合はお知らせください! 私はこれが非常に単純でなければならないと感じており、私の鼻の前にあるものを見逃しているだけです...助けやアイデアは大歓迎です!

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

slider - ロード時にスライダー全体がジャンプする - AnythingSlider

AnythingSlider を使用して、この dev に新しいサイトのコンテンツを配置しています。

http://sitedev.lcadfiles.com/interactive_barrett.html

スライダーが特定のページに最初にロードされるとき、わずかなジャンプがあります (スライダー全体、矢印などは、正しい位置に落ち着く前に数ピクセル移動します)。着陸後、すべて正常に機能しているように見えます。シフトは、4 つの異なるブラウザー (およびさまざまなブラウザー バージョン) を備えた古いマシンと新しいマシンで発生するため、ブラウザー固有のものではないようです。

私が間違って設定したものはありますか?何かSlider.js(またはおそらく.css - これはあまりありそうにないようですが)のように、どこかグローバルである可能性があると思いますが、目立ったものは何も見られませんでした.

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

jquery - レスポンシブ レイアウトの Anythingslider スイッチ パラメータ

anyslider で問題が発生しました。window.resize のスライダーを新しいパラメーターで更新する方法を知っている人はいますか?

サイズ変更の新しい呼び出しですでに試しました。ただし、小さいレイアウトに対しては 1 回しか機能しません。

サイズ変更時に、新しいパラメーターで関数を呼び出します..

助けてthx。

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

jquery - jQuery: Anything Slider - 異なる CSS スタイルの複数のスライダー

1 つのページで Anything Slider の 3 つのインスタンスを使用しようとしていますが、各スライダーのスタイルを他のスライダーとは異なるものにするのに問題があります。

スライダーの ID は、slider1、slider2、slider3 です。

したがって、slider2 のセクションを別の方法でスタイルしようとすると、次のようになります。

うまくいきません。これを達成する方法についてのアイデアはありますか?時間と助けを前もってありがとう。

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

jquery - AnythingSliderは未定義です

フォトギャラリーにAnythingSliderjqueryプラグインを使用していますが、カスタマイズに問題があります。

スライダーは機能しますが、現在のスライド番号と総数を表示したいので、Firebugでエラーが発生します。

スクリプトは次のとおりです。

最初の3行がないと機能しますが、Firebugでは$( "#gallery")。data( "AnythingSlider")が未定義であると表示されます。

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

css - ナビゲーションボタンの位置を変更するスライダー

AnythingSliderを使用していますが、ボタンを画像の下部ではなく左側に表示するように変更したいと思います。

変えないといけないと思いますが、いろいろな位置に変えてみまし<ul>たが、ボタンのlist-style:none;位置を左側に変えて縦に表示する方法がわかりません。

これが私のCSSです

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

html - AnythingSlider に埋め込まれた iframe コンテンツを遅延ロードする

問題:
AnythingSlider のスライドに埋め込まれた iframe (8tracks.com プレイリスト) を格納するサイトを作成しようとしています。ページが完全に読み込まれると、すべてがスムーズに機能し、埋め込まれた iframe で正常に動作します。コンテンツが多すぎて (8 つの異なるジャンルのスライド パネル)、場合によっては 8 つのスライド パネルすべてを 1 つの大きなヒットとして読み込むのに 30 秒以上かかることがあります。スライドページが要求されたときに埋め込まれたiframeコンテンツを遅延ロードしたいのですが、この目的のために画像の遅延ロードコーディングを適応させるのに問題があります。

これまでの試み:
AnythingSlider 文書化された画像の遅延ロード コーディングからの img タグ参照を iframe の参照と簡単に交換できると考えました。どちらも src への単なる参照であるため、機能しますが、これはこれまでのところそうではないことが証明されています場合があります。以下のコードは、ギャラリー内の画像の遅延読み込みを有効にしますが、iframe への切り替えは今のところ機能していません。

これは、サイト全体でまだ解決していない最後の小さな問題であるため、私を正しい方向に向けるのを助けることができれば、非常に感謝しています.

これは、必要なすべてのコンポーネントを zip パケット (200kb) として含むページのフレームワークで、役立つ場合はドロップボックスからリンクされています.. http://dl.dropbox.com/u/23417244/AnythingSlider.zip

助けてくれてどうもありがとう!! -ブラッド

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

jquery - jquery.anythinglider をレスポンシブにする

Anyslider を使用していますが、モバイル レスポンシブ ビューと互換性を持たせるのに大きな問題があります。

基本的に私がやっていることは、ウィンドウのサイズが変更されたときにこれらの変数を変更することです:

サイズ変更時に更新されるこの変数に一致させるには:

ビュー コンテナー全体の見栄えが良くなったものもありますが、スライドはまだ元の幅で遷移しているため、複数のスライドが 1 つのビューに表示されます。

他の誰かが幅を変更しようとしましたか? コードの1行で応答する変数を設定する方法について別の回答を読みましたが、それを実装しようとしてもうまくいきませんでした。私のやり方が間違っているのでしょうか、それともこのスライダーには当てはまりませんか?

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

ios - AnythingSlider - video.js が原因で iOS が失敗する - この JS ファイルの部分的なビルドはありますか?

AnythingSlider スライド内にいくつかのビデオを配置し、それぞれに他のコンテンツ タイプを配置しました。iPhone 3 と iPhone 4 の iOS を除いて、私がテストしたすべてのブラウザーで正常に再生されます。

jquery.anythingslider.video.js を式から外すと、ビデオは iPhone で再生されます。問題は、video.js がないと、スライダー内に配置されたビデオが、次へ/前へをクリックして進んだ後でも引き続き再生されることです。ビデオに音声が含まれていなくても、それほど問題にはなりません (ただし、一部のビデオには音声が含まれているため、まったく別のスライドを表示しているときに音声が聞こえます)。

iOS のクラッシュに関する jquery.anythingslider.video.js の問題を追跡しました。このスクリプトで使用される Flash 処理が原因で発生するようです。Flash を使用するものはすべて、JS の関数の一部であっても (または、フォールバックとしてのみ使用される場合が多い)、iPhone をつまずかせるようです。

私の質問は次のとおりです:iOSで正常に使用できるように、Flash参照を含まずに、スライドの進行時にのみビデオを自動的に停止するjquery.anythingslider.video.jsの部分的なビルドはありますか?

時間を割いてこれを読んでいただき、またご意見をお寄せいただきありがとうございます。