問題タブ [highslide]
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.
highslide - ハイスライド-閉じるボタン付きのドラッグ可能なヘッダー
[編集:答えは得られましたが、同じページに複数のhtmlエクスパンダーがある場合は機能しません。私の新しい質問を見てください。]
これはとても簡単なはずです!htmlExpandを使用しています。
Highslideに必要なのは、ここに示すように、右にXが付いたドラッグ可能なヘッダーだけです。これが組み込みでハイスライドにすぐに使用できるわけではないことに驚いていますが、残念ながら、これは「ほぼ」機能しているように見えます。
グラフィックでは、見出しテキストの灰色/青色の背景がドラッグ可能な領域を表しています。(.highslide-headingの背景として半透明の.pngを使用しています。Xグラフィックは実際にはその背後にあります。)
ドラッグ可能な領域をほぼ右端まで拡張し、Xの数ピクセル手前で停止して、ヘッダーのほぼ全体をウィンドウのようにドラッグできるようにします。
示されているように、私は100%のハイスライド見出しの幅を持っており、Xはドラッグ可能なスペースの「後ろ」にあるため、クリックできません。.highslide-headingの幅を90%に変更すると機能しますが、灰色の領域が短くなり、奇妙に見えます。
もちろん、パーセンテージを試すこともできますが、同じページにいくつかのポップアップアイテムがあり、サイズが異なるため、特定のパーセンテージがすべてに適しているわけではありません。(PSの結果はとにかくブラウザによって異なります。)
ポップアップするコンテンツに柔軟に対応できるように、他のアプローチではなくhtmlExpandを引き続き使用したいことを覚えておいてください。(ここに示す例は、写真とキャプションだけなので、他のアプローチを使用してHighslideで簡単に拡張できることを知っています。)
私が求めている解決策:どういうわけか、ドラッグ可能なスペースの「上」に閉じるボタンが必要だと思います。必要なCSSプロパティはz-indexだと思いますが、どこにどのように挿入するのかわかりません。どこに置いても.CSSファイルには効果がないようです。
助けていただければ幸いです。私は正しい答えをチェックし、人々を賛成します。
youtube - Highslide の閉じるボタンが IE で機能しない
こんにちは、問題があり、解決策が見つかりません。highslide スクリプトを知っているか使用したことがある場合は、それが素晴らしいことを知っていますが、いつものように f* * *g IE は生活をより困難にしなければなりません。
IE9 を起動し、ページhttp://highslide.com/examples/youtube.htmlに移動します 。次に、ビデオを開いて閉じようとすると、閉じないことがわかります (ESC ボタンは正常に機能します)。あなたはそれを複数回行う必要があります。問題はIE9でのみ発生します
何か案は?
どうもありがとう、そして私の英語でごめんなさい:)
highslide - Highslide - 複数のエキスパンダーを使用してヘッダー全体をドラッグ可能
以前、HighSlide のドラッグ可能なヘッダーについて関連する質問をしたところ、RoadRash から回答がありました。(どうもありがとう!)
ただし、ソリューションでは contentId の使用が許可されていないようです。これは、複数のエキスパンダーに必要になると思います。
以下のコードには 2 つのリンクがあります。どちらも「働く」。最初のものは、私の元の問題に対する大まかな解決策ですが、新しい問題を提示します。2 つ目は、私が最初に使用していたアプローチに似ており、ほぼ同じです。
私が必要としているのは、両方のアプローチの利点があるはずです。テキスト以外をドラッグできるヘッダーが必要です。サイズ変更のつまみは必要ありません。また、同じページのさまざまな html エキスパンダーの複数の div を参照する機能が必要です。これには contentId が必要だと思いますが、間違っている可能性があります。
(意味を理解するには、HighSlide を実装している任意のページにコードを貼り付けて、各 Click me をクリックしてください。)
どんな助けでも大歓迎です。回答が機能する場合は常に緑色のチェックをオンにし、知識のある支援の試みに常に賛成票を投じます.
highslide - ハイスライドの閉じるボタンの位置
こんにちは。ハイスライド ポップアップ ウィンドウの右上隅に閉じるボタンを追加する必要があります。私は設定に追加します:
ただし、一部のページのポップアップ ウィンドウには、右側のパネルにキャプション テキストがあり、写真の上に番号が付けられています。このボタンは、ウィンドウ全体ではなく、写真に対して相対的に配置されます。DOM の 1 つ上位の要素 (クラス highslide-wrapper) にオーバーレイを追加できるのではないでしょうか? これは私の問題を解決する可能性があります。
offsetX と offsetY は、右側のパネルにキャプションがあるページでのみ機能します。
ありがとうございました
javascript - highslide - 同じページで YouTube と画像を組み合わせることができますか?
highslide.com スクリプトを調べて、自分のサイトで使用する予定です。
例に示すように youtube.html と gallery-white.html を含むファイルをダウンロードしました。これらの 2 つのスクリプトを 1 つのページに結合したいと考えています。highslide-with-gallery.js と highslide-with-html.js を使用しているようです。つまり、私のページは、これら 2 つの JavaScript ファイルを使用する初心者には 150KB を超える必要があります。
これらのファイルを 1 つのファイルに結合する理想的な方法は何でしょうか?
highslide - Highslide の動作を変更する - (クリック時 - 次へ)
ユーザーが画像をクリックすると、閉じるのではなく次の画像に移動するように Highslide を変更する方法を誰か提案できますか? また、画像を閉じるオフ画像クリックも無効にしたいと思います。
お時間をいただきありがとうございます!
highslide - Highslide Iframe ポップアップと ESCape ボタンの使い方
Iframe を使用して Highslide ポップアップを開きます。ESCape キーで閉じる必要があります。Iframeで何かをするときにうまく機能します。しかし、iframe 内の何かをクリックしてから ESCape ボタンを押すと、機能しません。どうすればこれを修正できますか?
javascript - ハイチャートのハイスライド ポップアップが正しく表示されない
この例でデータポイントをクリックすると、ポップアップが表示されますが、それはずっと隅にあり、適切なサイズではありません。誰でもすぐに問題を確認できますか?
ライブコードはこちらhttp://goo.gl/q8sfH
highslide - ハイスライド リフレッシュ 親
Highslide を使用して、閉じる X を使用して ajax ウィンドウを閉じるときに親ページを更新したいと思います。ページには既にそれを行うボタンがありますが、ユーザーがボタンを使用することを保証できません。私が見つけたいくつかの例を試しましたが、どれもうまくいかないようです。
どんな助けでも大歓迎です。