問題タブ [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.

0 投票する
3 に答える
7350 参照

jquery - 高速jquery画像スライドショー

jquery / Ajaxには多くのスライドショープロジェクトがあることを知っていますが、特に低速インターネット接続用の画像の高速スライドショーを探しています。

ほとんどのスクリプトは、ページの読み込み時にすべての画像を読み込むため、画像の読み込みが遅くなります。

1つのアイデアは、一度に1つまたは2つの画像をロードし、ページがロードされたら次の2つの画像をロードし、すべてをロードするまで続行することです。

何か案が ?

ありがとう

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

jquery - 番号ナビゲーション メニューに付属する画像を交互に表示するための jquery プラグインは何ですか?

基本的に、スライドショーとして表示される画像のリストがあります。各スライドを表示する番号があり、それらの間を移動するためにも使用できるプラグインを探していました。

助けてくれてありがとう。

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

mootools - mootoolsスライドショー2

ウェブサイトでAeronGlemannのslideshow2を使用しています。サムネイルを生成しますか、それとも提供する必要がありますか?iamが表示する画像はクラウドからのものであり、アレイでスライドショーに渡されます。サムネイルはクラウドに存在します。 。ショーで作成できない場合、どうすれば配列に渡すことができますか?正規表現でreplaceパラメーターを使用しましたが、サムネイルとして完全な画像が表示され、サムネイルのcssプロパティを変更しても何も起こりません。画像が表示されます。

ショーを作成するための行は次のとおりです。varmyShow=new Slideshow('show'、eval(res.value)、{controller:true、height:350、overlap:false、resize:false、hu:''、replace: [/ ^ \ S +。(gif | jpg | jpeg | png)$ /、't $ 1']、サムネイル:true、幅:600});

値オブジェクトには、クラウドからの画像が次の形式で含まれています:['xx.jpg'、'yy.png'、....]

お時間をいただき、誠にありがとうございます。

0 投票する
6 に答える
368 参照

jquery - jqueryスライドショー-なぜこのコードが機能するのですか?

私は、jqueryを使用してjavascriptでスライドショーをコーディングしている最中に、数行のコードが数行で実行していたことを実行していることに遭遇しました。

問題は、それがどのように機能するのか理解していないので、変更できることです。

これは私を得る線です:

私はそれを次のように読んでいます

これで、実行するたびに、そのコードのいずれも変数を変更していないように見えます。 常に(3)にcnt等しくなりますが、実際には変更されません。その1回の実行に対して1つ追加されるだけですよね?imgs.lengthimgs.length++

したがって、実行回数に関係なくimgs[1]、コードを実行すると、すべての配列オブジェクトを適切に実行します。

編集:

変数を実際に変更することを追加alert(imgs.length);して確認しただけ++ですが、それでも意味がありません。

imgs.length = 4++後の最初の実行。4 % 3 = 1したがって、配列オブジェクトを実行する必要は[1]ありません[0]か?

2回目の実行、5 % 3 = 2

3回目の実行、6 % 3 = 0

などなど。ただし、リセットしないでください。しかし、私がそれを置くと、alert(imgs.length % cnt);それはリセットされるよりも0、1、2しか返しません。

なんで?

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

javascript - jquery イージースライド ヘルプ

こんにちは、easyslider プラグインを自分のウェブサイトに統合しています。誰かが私の問題に遭遇することを願っていました。ページネーション バージョンを使用しているので、スライドショーで任意の画像に移動できますが、ページネーターを使用するとスライドショーが一時停止します。一時停止を止めて、選択した画像から1つだけを運ぶ方法を知っている人はいますか?

ソースコードはこちらから入手できます

0 投票する
5 に答える
746 参照

javascript - CSSとJavaScriptを使ったスライドショー

こんにちは、css、javascript、または jquery のような助けを借りて imsge スライド ショーを作成したいだけです。

http://www.webguide.nl/internetbureaus/mediaweb-internet-integrators/deltalloyd-regatta.3878.lynkx?pageStart=1 .

これはフラッシュですが、画像がphpのデータベースから動的に取得されるようにしたいです。誰でも私を助けてください。

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

javascript - Javascriptタイムラプス効果:30画像/秒を表示(詳細はこちら)

ポートフォリオサイトのために、1日1回365日間撮影した写真の「ビジュアルダイアリー」を作成したクライアントがいます。彼は私にこれらをタイムラプスエフェクトピースにまとめてほしいと思っています。Flashの使用を考えましたが、最終的にJavaScriptを選択しました。

発生する必要があるのは、これです。画像は、トランジションなどがなく、image-image-imageなどだけで非常に高速に循環します。約30/fpsなどです。点滅している画像をクリックすると、選択した画像で止まるので、ユーザーが見ることができます。もう一度クリックすると、スライドショーの再生が再開されます。

私の問題は、私がPHP / XHTML / CSSの仲間であり、JavaScriptについて最も霧がかかっていないことです。私はそれをどんなページにもうまく統合することができます、しかしそれは私を悩ませているJavaScriptをコーディングしているだけです。

彼のホームページでは、基本的なスライドショーを表示するためにこのコードを使用しています。トランジション効果などがあります。これはHTMLにありますが、コードを理解することができます。

このコードを変更して、すべての移行効果をオフにし、クリックしたときに再生を停止したり、再開したりする方法はありますか?それ以外の場合は、いくつかの異なるコードへの参照が役立ちます。

みなさん、ありがとうございました!

ジャック

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

jquery - GoogleEarthを作成するズームイン

サイトのGoogleEarthのような場所にズームインする方法はありますか?

FlashやjQueryのスライドショーでこれを行うことができると思いますが、もっと良い代替方法があるかどうか知りたいです!

ありがとう

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

javascript - Javascript スライドショーのバグ (Scriptaculous ベース)

以下のスライド ショーのコードには、「前へ」と「次へ」のリンクを押す機能があります。「次の」は正常に機能し、押し続けると、すべてのスライドが循環します。

「前の」スライドは、何らかの理由で少しめちゃくちゃになっています。1 枚か 2 枚のスライドに戻りますが、空白になります。

助けていただけますか?ありがとうございました!