問題タブ [supersized]

フルスクリーンの背景スライドショーを表示するために、超大型のjqueryプラグインを使用しています。このウェブサイトを見てください（それは私自身のものではありませんが、私は同じ構造を使用しています）：

http://mysampleconcept.com/situs4/

ご覧のとおり（たとえば、ヘッダーに不透明度を設定した場合）、画像は体の上部から始まります。ただし、ヘッダーの下から開始する必要があります（ヘッダーが画像の上部を覆わないようにするため）。

たとえば、超大型のLIを指定すると、top：100px; 画像全体が下に移動し、画像の下部がフッターの下に表示されなくなります。だから、それは私が望む解決策ではありません。

ですから、私が必要としているのは、ウィンドウの内側にありながら、上100pxにも下にも伸びないように、可能な限り最大のサイズに引き伸ばす画像です。

これどうやってするの？

申し訳ありませんが、私の英語は最高ではありません...

私はこの解決策を見つけましたが、それを実装する方法がわかりません：https ://stackoverflow.com/a/12889088/1981981

このコードで特大のスライドショーを制御しようとしています

しかし、うまくいきません。誰か助けてください。

私はスーパーサイズのスライダーを使用しています..

私は問題に直面しています...

画像のサイズが大きく、読み込みに時間がかかる場合、完全に読み込まれる前に、スライダーが新しい画像に変更されます..

1枚の画像が完全にダウンロードされ、その後スライダーが遷移するような機能を追加したい..

誰かがこの種の問題で私を助けることができますか??

前の画像が完全にダウンロードされたときに、スライドトランジションがしたい..

a.jpg、b.jpg、c.jpgの3つの画像があるとします

a.jpg が b.jpg に移行し、

b.jpg は非常に大きなファイルです。b.jpg が完全にダウンロードされない限り、c.jpg に移行することはありません ......

そのため、画像が完全にダウンロードされるまで、各画像ごとに遷移が停止する可能性があります......

私は特大のスライダーを使用していますが、私ができないことを実装したいと考えています。

画像のスライド間隔が 3 秒だとします。

a.jpg、b.jpg、c.jpg、d.jpg の 4 つの画像があります。

現在、b.jpg は非常に大きな画像であるため、読み込みに 4 秒かかります。

a.jpg がロードされて静止した後、スライドしてイメージ b.jpg に道を譲ります。

スライダーの間隔が 3 秒で、b.jpg の読み込みに 4 秒かかるため、b.jpg が完全に読み込まれる前にスライダーが変化し、c.jpg が読み込まれるようにスライダーが変化します。

したがって、c.jpg は b.jpg の前にロードされるため、b.jpg は表示されません。

スライダーを次のように動作させたい: 1 つの画像が完全に読み込まれるまで、スライダーは遷移しません。

b.jpg の読み込みに 6 秒かかる場合、スライダーを使用すると読み込みに 6 秒かかります。完全にロードした後、3 秒間 (遷移間隔) そのままになり、その後スライダーが変化します。

これが私のスクリプトです：

したがって、この画像http://cl.ly/image/3I0K1c1J3L1Tでわかるように、何らかの理由で IE9 は他のすべてのブラウザーのようにスーパーサイズのスライドショーをスケーリングしていません。他の IE ブラウザーで動作していることを示すために、IE8 をそのすぐ隣に配置しました。

いくつかの調査を行った後、これを「頭」から削除しました

しかし、運がなければ。何か案は？

必要に応じて、このページのコードをチェックアウトできます。

テスト用に別のラップトップで Windows を実行していますが、Windows 8 であるため、何らかの理由で IE9 を個別に実行したり、IE Tester で実行したりできません。

WordPressを持っていて、Supersizedを含める必要がありますが、画像に問題があります。

PHPを使用して、複数の文字列（投稿の数字画像に基づく）をjQueryコードに変換する必要があります。

たとえば、これは投稿、画像のコンテナです。

そして、PHPを介して、複数の文字列をタグにする必要がありますslides:[]。

私はこのコードをページphpに入れました。

この投稿からphpを介してこの文字列で画像を取得する必要がありますquery_posts('page_id=170');。

そして私は{image : 'http://....jpg'},画像ごとに同じ文字列を行に生成したいslides: []

私はこの古いコードを見ました...しかしそれはサムネイルしか得られません...私は画像と複数の文字列が必要です。

すべて文字列に：slides : []

問題があります。

imgsのタイトルを挿入する必要があります：

例えば：

どのように私を助けることができますか？

ps：私はこの改造されたコードを持っています：

ありがとう、フランク

画像ギャラリーにSupersized jQuery プラグインを使用しています。

外部ページから特大ギャラリーの特定の画像にリンクするにはどうすればよいですか?

jqueryページからの私のコードは次のとおりです。

jQuery(関数($){

....etc......
スライドリンク:'num',
サムリンク: 1,
サムネイルナビゲーション: 0,
スライド:[

{画像: 'photos/BE_oct14-4.jpg', タイトル: 'slide0', 親指: '', URL: ''}, {画像: '写真/cinqueterre-4.jpg', タイトル: 'slide1', 親指: ''、URL: ''}、

外部の html ページからのリンク: < href="photos.html#im=3>

私はワードプレスと有名なスライドショーのスーパーサイズの間で、私が改造したスーパーサイズのスクリプトを書いています。

どこかに、ワードプレスからスーパーサイズに画像を挿入して解決する方法についての質問を投稿しました（約7日前）。私のクライアントは、ホームページの下部に表示される画像のタイトルを ( url に) 入れたいと私に尋ねました。

したがって、画像のタイトルを挿入する必要があります。

例えば：

この変更されたコードは画像用であり、タイトル用ではありません:

私は、Zurb Foundation と Supersized jquery プラグインという 2 つの人気のあるツールをサイトに使用しています。一度一緒に使ったことがあります。ただし、それらを一緒に使用すると、Zurb Foundation CSS が画像の縦横比を圧迫し、Supersized jquery プラグインで画像が歪んでしまいます。これは、ブラウザ ウィンドウを狭くしたときに行われます。

前のサイトでは大丈夫でした。それは私の現在のサイトではできません。

そのため、ウィンドウやデバイスが狭いと画像が圧迫されます。

Zurb CSS を削除すると、Supersized はアスペクト比をそのまま維持するので、Zurb Foundation が行う画像のサイズ変更が原因であることがわかります。では、Supersized の背景画像だけで Zurb CSS を上書きするにはどうすればよいでしょうか。

サイトのデモはここで見ることができます: http://mwildmandesign.com/IBG/index.html

これは、私のサイトで必要なように、少しサイズを変更し、縦横比をそのまま維持するサイトです: http://risd.edu

Supersized jQuery プラグイン ( http://buildinternet.com/project/supersized/ ) を使用して、自分の写真を訪問者に表示しています。訪問者はサイト上のすべての画像を購入できるため、 [今すぐ購入] ボタンを追加することにしました。

これに PayPal を使用したいのですが、そのための簡単な解決策を見つけました。問題は今すぐ購入ボタンにあります。すべての画像には独自の価格があるため、アンカーのhref属性の価格パラメーターを変更する必要があります。どうやってやるの？