オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  647

異なるオーバーレイ ID を処理する方法: 同じ JavaScript 関数を使用する

さまざまなリンクのオーバーレイを表示したいと考えています。最初のオーバーレイには画像とテキストが含まれていますが、リンク 2 をクリックすると、同じ構造で異なるコンテンツを持つオーバーレイ 2 が表示されます。希望の出力を得るのを手伝ってください。 functionon(){document.getElementById("overlay").style.display="ブロック";}functionon1(){document.getElementBy

P粉511757848 2023-09-04 22:36:35 0  1  488

飲食店サイトのボタンオーバーレイ表示問題の解決方法

React.js を使用してオーバーレイ ページを正しく表示するためのボタンをレストラン Web サイトに構築するのに苦労しています。これらは独自のコンポーネント (MenuButtons.jsx) に設定され、前のページの短いメニュー セクションの下部にあります (下の画像を参照)。フルメニューは長すぎてフロントページにすべてを収まらないため、残りのメニュー（ワインリスト、ランチメニューなど）については別のオーバーレイページを立ち上げてほしいと思います。下の画像は、ワインリストのオーバーレイ ページがどのように見えるかを示しています。コードは次のとおりです: importReact,{use...

P粉289775043 2024-01-16 19:22:49 0  1  438

クリック後画像を非表示にし、再度クリックすると画像を表示する方法はありますか？

オブジェクトに画像を重ねています。クリックして非表示にし、オブジェクト (360 度の仮想ツアー) を表示し、仮想ツアーをクリックするとまったく同じ画像を表示したいと考えています。 <imgsrc="https://i.ibb.co/ZBkxZHW/360-overlay-white.png"onclick="this.style.display='none';"style="position:abs

P粉186017651 2024-04-03 20:13:41 0  1  475

JavaScript - モバイルブラウザの画像ビューアで画像画像が開かれないようにする方法

1. みなさんこんにちは～ 広告ページのランディングページを作成する際に問題が見つかりました 2. ランディングページの広告ページに似たページで、AndroidのUCブラウザで画像をクリックすると画像の閲覧に変わります(これ他のブラウザでは見つかりません) 状況) 3. ページのコード構造は次のとおりです: {code...} 4. img はオーバーレイ ハンド...

巴扎黑 2017-06-17 09:16:19 0  2  984

オーバーレイとマーカーを含む Mapbox マップを HTML からエクスポート/ダウンロード

顧客がパーソナライズされた地図を作成できる HTML ページを構築したいと考えています。これを作成するにはMapboxを使用しました。この地図の上にはオーバーレイがあり、顧客は地図上にマーカーを配置することもできます。しかし、私は 2 つの大きな問題に悩まされています。それは、オーバーレイやマーカーを含む高品質の地図画像を取得する方法です。ポスターに印刷したいので。顧客が「保存」をクリックして購入した後、この画像がサーバーに送信され、印刷できるようにするには、このロジックをオンライン ストアに実装するにはどうすればよいでしょうか。 https://www.カルティダ

P粉459578805 2024-03-29 11:15:04 0  1  518

Jquery Toast Pluginでプログレスバーを無効にする方法は?

図に示すように、トースト ポップアップ ボックスには進行状況バーが表示されます。トースト プラグイン設定でこの進行状況バーを無効にするにはどうすればよいですか? Jquery Toast プラグインのドキュメント

大家讲道理 2017-07-05 10:39:11 0  2  971

javascript - jQuery File Upload プラグインに関する質問

ユーザーは、input="file" タグを使用して画像を選択します。ユーザーが選択した画像を処理のためにキャンバスに描画した後、base64 画像データを取得します。次に、この結果を jQuery ファイルにどのように入力するかが問題になります。アップロードして、ボタンをクリックします。アップロードについてはどうですか? {コード...}

淡淡烟草味 2017-06-10 09:49:07 0  1  664

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  505

javascript - vueの他の場所をクリックしてモーダルを閉じる方法

画像のように、このポップアップレイヤーを別の場所をクリックして閉じるにはどうすればよいですか? jquery を使用して操作するのは非常に簡単ですが、この機能を vue で実装するアイデアを知りたいです。

我想大声告诉你 2017-05-19 10:35:22 0  3  756

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24 0  1  481

javascript - キャンセルボタンをクリックしたときに、元のデータを残したまま、jqueryによって動的に追加されたデータを削除するにはどうすればよいですか?

図に示すように、これはポップアップ ボックスです。赤丸の内容は、jquery によって動的に追加されたものに適しています。保存またはキャンセルした後に動的に追加されたものを削除し、元のものを残して確実に保存するにはどうすればよいですか?次回ポップアップ ボックスをクリックすると、元のボックスと同じように表示されますか?

天蓬老师 2017-05-18 10:50:42 0  5  600

javascript - プラグインを使用しない、第 2 レベルの連携のアイデアについて教えてください。 ！ ！

図に示すように、この種の第 2 レベルの連携のアイデアを探しています...どうやって書いたらよいかわかりません...ブートストラップと jquery を使用して開発されました。ドロップダウン メニューは 2 つありますが、ブートストラップのドロップダウン メニューは select タグと option タグなしで使用されます。オンラインで待機しています...緊急です! ！ ！

ringa_lee 2017-05-19 10:22:20 0  5  577

javascript - jQueryまたはCanvasの統合表示効果アイデアソリューション

図に示すように、クレジット スコア 100 は Angular.js を通じてデータ バインドされています。次に、jQuery または Canvas を使用して、クレジット スコア ページに特別な効果を作成する必要があります。ユーザーの開始クレジットは 100 で、小さな白い一番右にある丸は、100ポイントを超えるとユーザーの信用スコアが増減します。100ポイントを超えると、...

怪我咯 2017-05-19 10:28:23 0  4  613

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1001

JavaScript - UI スタイルの計算が多すぎると、特に IE でブラウザの読み込みが遅くなります。先輩に指導を求めてください。

以前、EasyUI+jQuery を使ってページを作成したのですが、最初は読み込みに問題があるとは感じませんでしたが、データが増えるにつれて明らかに読み込み時間が遅くなりました。Chrome では通常 20 秒以上かかります。 IEが開いている 性能解析の場合、実際には3分以上かかります。 。 。 。具体的なイメージは以下の通りです。

習慣沉默 2017-07-05 10:40:49 0  3  1003

ユーザーがあるページで画像をアップロードまたは変更し、別のページに表示できるようにするにはどうすればよいですか?

ユーザーがあるページに写真をアップロードして、別のページに表示できるようにするにはどうすればよいですか?ユーザーは画像を変更でき、他のページでも同様に変更されます。また、php/js/jquery/mysqli の中で最も効果的なものを使用することについても話しています。 (私はこの分野では初心者なので、簡単な言葉を使っていただければ幸いです:)) 編集: はい、初心者だと言いましたが、コーディングについて何も知らないという意味ではありません。 。また、YouTube や他のスタックオーバーフローの質問からいくつかの解決策を見ましたが、すべて

P粉298305266 2024-04-01 18:33:31 0  1  542

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  854

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  741

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  633