問題タブ [slideshow]
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 - Javascript Noob: メインページリンクの既存のホバー状態を自動的に循環させて、フロントページでスライドショーをエミュレートする方法は?
こんにちは、みなさん。あなたが私を助けてくれることを願っています
このウェブサイトに取り組んでいて、気に入ったホバー効果をすべて完成させました。非常に単純なフェード効果が機能していることがわかります。これは、javascript を使用しない通常の CSS ホバーに劣化します。
私がやろうとしているのは、ロード時とアイドル時に派手なスライドショーが行われているようにページを見せることです.別のスクリプトを使用する代わりに、メインページリンクの既存のホバースタイル/動作を利用してそれを実現したかったのです.ゼロからエフェクトを作成します。
これを行うには、ページがロードされたら、左から右へ (フットケア、芝生と設備、私たちについて、お問い合わせ)、ループする定期的な間隔で各リンクのホバー アクションをエミュレートするスクリプトが必要になると想像しました。 4 つのすべてのリンク (フットケア、芝生と設備、私たちについて、お問い合わせ、フットケア、芝生と設備など) はすべて無期限に表示されますが、視聴者がそれらのいずれかに実際にカーソルを合わせると一時停止し、ユーザーがマウスアウトすると中断したところから再開します。あなたが私のドリフトを理解してくれることを願っています...
また、現在のhtmlを不必要に混乱させることなくこれを達成したいと考えています。だから私は、すべてを可能な限りスクリプトで行う必要があると思います..
私はjavascriptとjqueryが初めてです。s5ent.brinkster.net/beta3.1-autohover.asp でわかるように、私が作成した次のスクリプトは正しく動作しません。それらすべてに同時にホバーし、ホバーアウトしなくなりました。実際に各リンクに出入りしようとすると、リンクが再び表示されます。
それはただひどいです。スクリプトのこの最後のビットが ie.
このことを実現するのを手伝ってくれませんか?それは本当に甘いでしょう、みんな。私はすぐにこれを作り上げることができるトンサの天才がそこにいることを知っています. または、もっと良い方法がある場合は、ぜひ教えてください。
みんなありがとう、みんなが楽しいことを願っています。
flash - 2 つのスライドショーの埋め込み
2 つのスライドショーをフラッシュ ファイルに埋め込もうとしています。
私はすでに 1 つを統合することができましたが、actionscript の知識が非常に限られているため、別のものを統合することはできません。Flash をよく知っている人にとっては、とても簡単な質問です。最初のスライドショーを呼び出さずに 2 番目のスライドショーを作成できるようにするには、このスクリプトで何の名前を変更する必要がありますか。
最初のスライドショーのスクリプトは次のとおりです: (スライドショーのテンプレートを購入した Web サイトから入手しました)
javascript - Jquery 画像スライドショーでの奇妙な動作... 助けて!
ここにあるチュートリアルに基づいて jquery スライドショーを作成しました: http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption
最初の画像を表示する最初の段階で奇妙な動作をすることを除いて、完全に正常に動作しているようです。最初の画像は通常のように表示され、次に点滅し、白にフェードして完全に消えます。その後、最初のスライドが再び表示され、通常どおりに動作し、次の画像に移行します。
問題のスライドショーは、右側の中央のページです: http://www.loftist.com/
私は JS 開発者ではないため、この問題のトラブルシューティング方法がわかりません。どんな助けでも大歓迎です、ありがとう!
jquery - PhotoSlider スクリプトによって生成された img リンクに HREF とクラスを添付しますか?
http://opiefoto.com/articles/photosliderの非常に優れた PhotoSlider スクリプトを使用して、クライアントの 1 人のために画像のスライド ショーを作成しています。
このスクリプトは、大きな画像をクリックしてクリックした画像のフルサイズ バージョンを表示するライトボックス モーダル ポップアップを可能にする、以前の手作業でコード化された Javascript ソリューションを置き換えます。
もちろん、クライアントはこの機能がそのまま維持されることを主張しますが、大きな画像の HTML コードは PhotoSlider スクリプト自体によってオンザフライで生成されます。
これは、スクリプトを少し変更して、クラス (「ライトボックス」) と href (または単にクリック イベントのいずれか適切な方) をアタッチする必要があることを意味しますが、これを達成する最善の方法がよくわかりません。サムネイルがクリックされるたびにイベントとクラスを添付する必要があると思いますが、これが最善の方法ではない場合は、アドバイスをいただければ幸いです。
スクリプトは、クリックやクラスなしで、ここで見られるように私のページに実装されています。stackoverflowites が提供できる支援を本当に感謝します。
前もって感謝します!
javascript - 画像が変更されたときのJavascriptでのスライドショーは背景画像です
クライアントは、少しひねりを加えたシンプルなスライドショーを作成したいと考えています。変更中の画像の上にメニューを表示したいと考えています。
cssとjavascriptを使用してこれを達成する方法は何ですか?
plugins - Prototype/Scriptaculous Cycle (スライドショー) プラグイン
lightbox や modalbox などのいくつかの Prototype/Scriptaculous プラグインを使用する Web サイトが多数あるため、これら 2 つのライブラリへの参照をさまざまなページに含めています。
すべてのページにスライドショーを実装する必要があり、それに従うには、プロトタイプ サイクルまたはスライドショー プラグインが必要です。要件はかなり単純です。
- 画像は N 秒ごとにフェードイン/フェードアウトする必要があります
- 4 つのコントロール: 前へ、一時停止、再生、次へ
- JavaScript を使用してスライドショーに画像を追加したいのですが。あまりにも多くのタグを追加するのではなく
簡単にカスタマイズでき、他のほとんどのプラグインのように肥大化していない既存のプラグインを提案できますか?
同様の機能を提供する jQuery プラグインを次に示します: http://malsup.com/jquery/cycle/lite/
javascript - 絶対位置なしのJavaScriptを使用したスライドショー
このようなものが必要です http://jonraasch.com/blog/a-simple-jquery-slideshow
ただし、絶対位置はありません。出来ますか?
そうでない場合は、絶対位置をどのように処理しますか?ある画面解像度の中央に配置すると、別の画面解像度にはなりません。任意のヒント?
javascript - フェードトランジションとナビゲーションでスライドショーを作成
このサイトのようなスライドショーを作成しようとしています: http://www.marthastewart.com/
ただし、Flash の代わりに JavaScript と CSS を使用したいと考えています。これを行う方法についての提案に非常に感謝しています。現在、スライドショー部分に最適な InnerFade プラグインを使用していますが、ナビゲーションを統合する方法がわかりません。どこから始めればいいのかわからない!:) InnerFade を使用せずに、最初からやり直すことにオープンです。
助けてくれてありがとう!
javascript - スライドショーの上にグリッチなメニュー
私は次の設定を実装しました(要求された後):
変化する画像のスライドショー。ユーザーがマウスオーバーすると、メニューが右上隅に表示され、マウスを外すと消えます。問題は、アイテムにマウスオーバーしようとするとメニューがグリッチになることです。これは、IE6/7とFF3.5の両方で発生します。
Jqueryホバー、mouseenter / mouseleaveを試しましたが、すべて同じ結果になりました。 http://www.codecookery.com/test/index.html
グリッチをまったく発生させないようにすることは可能ですか?
javascript - 「エンドレス」スクロール スライドショーを作成する方法は?
私はかなりの JS を知っており、jQuery にも精通しており、画像がスクロールする「エンドレス」スライドショー ( http://thisismedium.com/のようなもの) を作成しようとしています。もう一方の背後にあり、最後に到達するとループします。
どうやって始めればいいのかわからないので、誰かが私を正しい方向に向けてくれることを願っていました。画像が自動的に切り替わり、[次へ] と [前へ] をクリックできるようになる前に、スライドショーを作成しましたが、ここで立ち往生しています。=/。