問題タブ [slimbox]

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

iphone - Safari を使用して iPhone でフルスクリーン ギャラリーを作成する方法はありますか?

私は CSS/Javascript を作成して、iPhone で今後のサイトのスタイルを変えるようにしています。主に使いやすさを向上させるためです。デスクトップ アプリでは、slimbox と mootools を組み合わせて画像ギャラリーとして使用ています。画像がフルスクリーンで表示されないため、これは iPhone では機能しません (サファリ クロームが邪魔になります)。現時点での解決策は、画像リンクを表示することです。

App Store や Photos.app など、Mobile Safari を介して画像を全画面表示する方法があるかどうか疑問に思っていました。誰もそのような解決策を見つけましたか?

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

jquery - JQueryスリムボックスはajaxコールバック後に再バインドします

ajaxコンテンツがロードされた後、slimbox2を再バインドするのに問題があります。ajaxロードで関数を再バインドする必要があることに気付きましたが、その方法がわかりません。このコードを使用して外部コンテンツを生成しています。

});

追加してみました

スクリプトの最後に、それがリロードされることを期待しています。しかし、運はありません。私はlivequeryが機能する可能性があることを読みましたが、それをどのように/どこで/何をすべきかわかりません。

必死になっています。誰かお願いします?

ありがとう。

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

ajax - ajax 呼び出し後のスリムボックス、次/前の関数を使用

AJAX 呼び出しを使用してコンテンツを動的にロードした後、次/前のボタンを SLIMBOX ギャラリーで動作させようとしています。

});

スリムボックスは livequery でリバウンドします。スリムボックスの次/前の機能を再バインドする方法がわかりません。これが続行するのに十分な情報であることを願っています。本当にこれを機能させる必要があります。ありがとう。

0 投票する
4 に答える
3962 参照

javascript - Slimboxで画像タイトルを非表示

Slimbox 2を使用していることを除けば、私の問題はこの解決済みのスレッドによく似ています。

マウスのロールオーバーまたはホバーで画像タイトルツールチップポップアップを非表示にする

画像にカーソルを合わせると、「タイトル」属性がポップアップ表示されます。Slimboxの画像タイトルにHTMLが必要です。したがって、もちろん、ホバーしているときは、「タイトル」属性にすべてのHTMLコードが表示されます。Slimboxで画像を表示しているときはコードが完全に機能するため、問題はありません。このHTMLコードを表示しないように、Title属性を非表示/変更する必要があります。

Slimbox.jsのQ.titleを別のもの(captionnameなど)に変更しようとしました。次に、以下を呼び出すようにHTMLを変更しました。

「JoeSmith」がタイトルとして表示されますが、Slimboxで画像を表示すると、captionnameがまったく表示されず、タイトルも表示されません。あるべき場所は空白です。

これを機能させるには、slimbox2.jsで何を変更する必要がありますか?

0 投票する
16 に答える
69040 参照

html - href タイトルを非表示にすることはできますか?

…コードです。

Slimboxtitleのために属性を使用する必要がありますが、マウスをリンクの上に置いたときに表示されるタイトルテキストを非表示にしたいと考えています。

何か案は?

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

jquery - mootoolsまたはslimboxスクリプトを含むページでJqueryトグル関数が壊れます

私の友人は、slimboxを使用しているページにエラーがある彼女のサイトを調べるように頼まれました-無関係のJqueryトグル関数が壊れています-コードは次のとおりです。

このコードは、slimboxスクリプトとmootoolsスクリプトが存在しない場合は正常に機能しますが、これらのスクリプトのいずれかをロードすると、dt要素が非表示にならず、それぞれddの要素をクリックしても非表示に切り替わりません。SafariのJSコンソールからのエラーメッセージは次のとおりです。

このエラーは、次のように、slimboxまたはmootoolsをロードするページでのみ表示されます。

Slimboxと互換性のあるこれを作成する方法はありますか?彼女はslimboxを使用して、この機能を使用する一部のページにギャラリーを表示しています。

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

jquery - jQuery Infinite Carousel でコンテナーのサイズ変更関数を作成する

wordpress サイトhttp://cambridgeuplighting.com/scale-testで jquery Infinite Carousel のカスタム実装を作成しています。クライアントに任意の解像度の写真を追加し、それに合わせてコンテナー要素のサイズを変更するオプションを提供したいと考えています。Lightbox/Slimbox または SimpleViewer と同じアニメーション化されたサイズ変更効果を使用します。

順調にスタートしましたが、コードにいくつかの欠陥があります。これは、infinitecarousel.js` の「thumbClick」関数の変更です。

これは、li 要素の rel 属性をインデックス値に設定するために、独自の init.js に追加したコードです。

テスト ページ (cambridgeuplighting.com/scale-test) でわかるように、このコードは、サイズ変更する正しい幅の正しい画像を選択していません。修正が必要な問題の 1 つは、onClick で Li の幅を設定するのではなく、ページの読み込み時に正しく設定する必要があることです。

ご協力いただきありがとうございます!

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

jquery - SlimBox2はPNGをサポートしていますか?

Slimbox2を使用してFirefoxでPNGファイルを開こうとしました。

それはうまくいきませんでした、それはただ絵を開いただけです。

それから私はPNGをJpgに変換しました、そしてそれは働きました。

SlimBox2はPNGをサポートしていますか?

ヘッダ:

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

javascript - jQuery Slimbox がファイルを正しく要求していない

私はそのAPIでjQuery slimboxを使用しています。

これは、JSON を介して画像パスを取得し、API を介してスリムボックスを起動する JavaScript です。

JSON が返され["\/~wwwlime\/assets\/images\/adverts\/advert.jpg","\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]ます。

実際のページはこちら。カエルの横にある上部の赤いボックスをクリックします。コンソールがある場合は、返された JSON を確認してください。

Live HTTP Headersを使用してリクエストを表示すると、スリムボックスがリクエストしているように見えvanquish.websitewelcome.com/ます。

これにより、スリムボックスが起動され、永遠にスロバーが回転します。

この問題の原因は何ですか? ありがとう

アップデート

これをJSONコールバック内に追加しました

そして、それらのリンクをクリックすると、直接画像に移動します...何が得られますか?

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

lightbox - Doctype宣言を必要としないライトボックス/ファンシーボックス/スリムボックスに代わるものはありますか?

私は調査 Web ページを作成するゴミ IDE 内で作業することを余儀なくされているため、ページの Doctype を制御することはできません (これは優れたソフトウェアではありません。実際、私はそれを嫌いますが、選択の余地がなく、標準の Doctype に準拠していません。それは何の標準にも準拠していません!)。

ページにきれいなポップアップを作成したいのですが、ライトボックスや代替手段を使用できません。これらはすべて doctype 宣言を必要とするためです。私のポップアップは、IE以外では(当然のことながら)見栄えがします。ページに doctype 宣言を挿入すると、ポップアップは機能しますが、ページ上の他のあらゆる種類の入力などは機能しません。

誰かが私が使用できる代替プラグイン、またはこの問題を克服するために私のページに入れることができるある種のハックを提案できますか? たとえば、何も意味しないバニラのDoctypeがありますか、またはDoctypeが存在しない場合にライトボックスをだます方法はありますか?

ご提案ありがとうございます。

CJ