問題タブ [supersized]
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 - JSスーパーサイズプラグイン-ビューポートの端で切り取られた画像
そのため、Supersizedプラグイン(http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/)を使用して、サイトの背後にある美しい背景画像を表示しています。通常、ブラウザウィンドウのサイズに合わせて拡大されます。iPadでは、ビューポートの端で背景が途切れます。ピンチしてサイト全体を表示し、ズームインすることができます。しかし、背景はそのままです。
私が持っている必要がある最も重要なことは、画像がコンテンツの長さと高さを埋めることです。以下のリンクとCSS:
http://www.xsp.com/new_site/index.php
ここの銃の下で、どんな助けでも大歓迎です。ありがとう。
jquery - supersized.js と jquery サイクルを同時にアニメーション化する
このサイトでは、「supersized.js」と「jquery cycle」の 2 つのプラグインを使用しています。
http://countrypleasin.com/new/
超大型の背景アニメーションを見出しのイメージ サイクルと同期させたいと考えています。(ドキュメント). 準備ができて希望的観測は、これまでのところそれをカットしていません. 読み込み時間のため、ヘッドラインは bg ローテーションよりも少し早くアニメーションを開始します。
ありがとう
$
});
jquery - jQuery Supersized: LI から画像を読み込む
jQuery Supersized プラグイン ( http://buildinternet.com/project/supersized/ ) を使用しています。
私が達成しようとしているのは、次のような自動生成されたリストを取得することです。
そして、関連するオプションを取り、それをスライドに追加します:
使用しているシステムではサーバー側のコードが許可されていないため、すべて JS で行う必要があります。
これを行うためのより簡単な方法を作成することに成功しましたが、それは末尾のコンマでしか実現できず、IE8 より前のものが壊れてしまいます。
したがって、これが私が思いつくことができる唯一の解決策でしたが、これまでのところそれを手配することはできませんでした.
多かれ少なかれ:
リストの詳細をスライドで使用して、特大サイズの背景画像を生成できますか?
例えば
これ:
これに:
最後に末尾のコンマがありません。
jquery - Cakephp で supersized を使用すると画像が表示されない
現在、クライアント向けのシンプルなサイトを開発しています。リクエストは単純で、ホームページのスライダーが全画面幅を使用するようにというものでした。そこで、 Supersizedを使用することにしました。しかし、クライアントはプロジェクトを CMS に拡張することも望んでいました。したがって、私たちからの選択はcakephpでした。
今、私はすでにhttp://pyxis.co.in/unifi3/でホストされている静的サイト(フレームワークなし)を開発しました...そしてcakephpサイトはhttp://pyxis.co.in/unifi/です
表示されていないリソースに表示されているにもかかわらず、cakephp を使用しているときに画像が表示されていることがわかります。しかし、静的サイトではスライドショーの表示に問題はありません。
CSS から JavaScript ソリューションまで、さまざまなことを試しましたが、ここで何が間違っているのかわかりません。
この地獄から出してくれませんか。
ありがとうございました。
jquery - 特大のjqueryプラグインの追加フィールド
スーパーサイズのjqueryプラグインで画像に追加のフィールドを追加する方法を教えてくれる人はいますか?
現在、以下のオプションがあります。
2 つのフィールドを追加したいと思います。カテゴリと説明。
どんな助けでも大歓迎です。
javascript - 外部ページから特大スライドショーの画像にリンクすることはできますか?
私はまだクリックイベントを使用して、特大のスライドショー内のスライドに移動するリンクとして機能させようとしています。無意味ですか?誰かがアイデアのヒントを持っているなら、私はそれについて読みたいです.
超サイズのスライドショーで参照される .click 関数を使用しようとしています。
関数はページ内で機能しますが、外部ページからどのようにリンクしますか? サムネイルでいっぱいのページがあり、各サムネイルをスライドショー ページの対応するスライドにリンクしようとしています。これが可能かどうかはわかりません。誰もこれを経験していますか?
どんな助けでも大歓迎です!
javascript - リストおよびネストされたリストとしての配列アイテム
背景ページごとに一連の画像があり、配列を使用して、クリックしたメニュー項目に基づいて各画像を読み込みます。メニュー項目にもサブメニューがあり、メニューシステム全体が配列項目と「同期」している必要があります。
htmlメニュー:
配列:
サイトが読み込まれると、ホームページ用の[0]1.jpgと表示されます。ただし、最初にクリックできる項目は「メニュー2」です。メニューに「ホーム」ボタンが表示されていないため、[1]2.jpgに移動する必要があります。
これは私が使用するjQueryです:
「api.goTo(index + 1);」を使用 (ここで超大型プラグインを使用)メニュー項目の最初のクリックで言っている(または私はそうだと思う)、[1]であるはずのindex + 1に移動しますが、そうではなく、まだ残っているようですホームページに使用される[0]。また、ネストされたアイテムは引き続きインデックスシーケンスに従います。
基本的に、正しいページの正しい画像を取得できません。クリックしたメニュー項目に従って配列をナビゲートしていないようです。
この場合のPsインデックスは、jqueryループ内のアイテムの0ベースのインデックスです。
jquery - JQuery フルスクリーン ギャラリー
全画面ギャラリーを取得するために、特大プラグインhttp://buildinternet.com/project/supersized/を使用しています。
それ自体は正常に動作しますが、fancybox ボタンと esc ボタンからのみ非表示にして表示する必要があります。私は fancybox 2 を使用しており、フルスクリーンも実装したいので、スーパーサイズを使用しました。
問題は、その動作を損なうことなく超サイズを非表示にするにはどうすればよいかということです。
「display: none」を div#supersized やその他の相対 div に設定しようとすると、画像を表示するときに自動「フィット」が機能しないため、答えは簡単ではありません...
「可視性:非表示」に設定すればうまくいくようですが、最初の画像を初めて見たいときに、画像を表示する必要があるはずのボックスが真っ白です。
たとえば、私のテスト サイトを見ることができます: http://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO
助言がありますか?
javascript - jquery Supersize show IEエラー
スーパーサイズの Jqueryを Wordpressに統合しようとしています。
そこにWPプラグインがあることは知っていますが、スライドにカスタムヘッダー、カスタムテンプレート、wp-ecommerce製品投稿を使用しているため、これを手動で行うことを好みます(プラグインとの統合が難しい)
最後のスライドのコンマが削除されていないためにIEでエラーが発生することを除いて、すべてがうまく機能します。
IE エラー: メッセージ: 'base.options.slides[...].thumb' は null またはオブジェクトではありません
===================
編集: Naor の回答を反映するように以下のコードを更新しました - 彼の提案は完全に機能しました (Naor に感謝!!)
jquery - 超大型リロード!スライドショー遷移バグ
Supersized の使用に問題があります。プラグインと画像の置き換え。私が抱えている問題は、スライドショーをリロードすると、スライドからスライドへの移行が指数関数的に速くなることです。
問題を再現するには、プロジェクト ナビゲーションをクリックしてからサブ メニュー項目をクリックすると、次のスライド ショーが読み込まれます。クリックするたびに、トランジションごとにさらに多くのスライドがスキップされます。
ここにサイトがありますhttp://www.liquidvision.co.uk/clients/wattsconstruction/
影響を受ける主なコードは次のとおりです。
画像配列を作成します。
次に、ホームページの特大スライドショーを設定します
次に、restSupersized 関数を作成します。
次に、使用したい配列で関数を呼び出します...つまり、onClick();
ご協力いただきありがとうございます ;-)