静的画像サービスの実装 - PHP、JS、および HTML テクノロジー

おはよう。 HTMLもCSSもPHPも何も知らないのに、なぜかWebサイトをまとめることができました。 Web サイトは、mysql データベースにクエリを実行し、Google マップをロードし、クエリされた住所にマーカーを表示します。データをスクレイピングするための Python コードを正しく記述しました。SQL データベース内のデータは正しく入力され、フォーマットされています。マーカーを表示するためのカスタム アイコンがあります。これらのアイコンは /icons/1.png などにあります。 varicons={'1':'/icons/1.png','2':'/icon

P粉990568283 2023-08-13 14:24:45 0  1  508

タイトルを次のように書き換えました: 画像名にハイフンが含まれている場合、長すぎる場合、または画像の位置に依存している場合、画像の読み込みはブロックされます

Web サイトの下の C:\xampp\htdocs\catshop\assets\img フォルダーにいくつかの画像を配置しています。画像に「food- Adult-wet-meo-sardine-in-prawn-jelly-400g」のような名前が付いている場合、その画像は Web サイトに表示されません。ただし、名前が can1.png または can-1.png の場合は、(同じ位置にある場合でも) 正しく表示されます。 1 つしかない場合でも、food-prawnjelly.png という名前にすると、

P粉794851975 2024-01-16 18:25:49 0  1  401

Reactjs SVG アイコンは同じ CSS にもかかわらずサイズが異なります

私はreactjsを使ってウェブサイトを構築するのは初めてです。私は React Icon Library の ReactJS アイコンを使用しています。これらのアイコンが Web サイトの同じ部分で繰り返される場合、そのサイズは異なります。参考までに写真を添付し​​ます。」 checkを使って確認しました。小さいアイコンのパスは 9.97x9.97 ですが、通常の表示のパスは 14x14 であることを示しています。パスの意味がわからないし、アイコンのサイズが異なる理由もわかりません JSX コードは (例) importReactfrom'react'imp です

P粉184747536 2024-04-01 13:18:38 0  1  461

React と TypeScript を使用して静的ディレクトリから png および svg ファイルをロードするパス

svg ファイルと png ファイルをファビコンとして動的に使用するために、/static/ ディレクトリからパスとしてロードしようとしています。ドキュメントに従ってすべてを設定しました: ./src/model/view/<SomeView.ts>./static/<SomeFile.png|svg>./src/custom.d.ts./tsconfig.json./webpack。 config.js./package.json のサンプル ビュー B

P粉122932466 2023-08-30 20:10:18 0  1  514

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  430

スライド矢印のクリック領域がアイコンより広い

私の WordPress 開発サイトには、ギャラリー用のスライドショー機能があります。画像をクリックするとスライドショーが始まります。私の問題は、左側と右側の 2 つの白い矢印です。矢印のクリック可能領域はアイコンのサイズよりも広いです。以下の写真をご覧ください。クリック可能な領域はアイコンよりも広いです これは私の開発 Web サイトの URL この質問にコードを含めようとしましたが、「あなたの質問はスパムのようです」と言われました。 CSS ファイルは「https://dev.francisbegin.ca/wp-」です。

P粉195200437 2023-09-13 19:29:50 0  1  611

CSS スタイルがサイトに適用されない

Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変化し、トランジション効果が得られます。ここからここまでになるはずです。ただし、サイトの背景をランダムな色に変更しようとすると、変更がサイトに反映されないため、HTML にリンクされている CSS に問題がある可能性があります。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  553

PHP: サブフォルダー内のすべての画像を 1 つのフォルダーにコピーする方法 (サブフォルダーを作成する必要はありません!)

妻の誕生日パーティーのために、私はパーティーのゲストの画像を集めたウェブサイトを立ち上げ、記念品として素敵な本を作りました。ゲストはアカウントを持っており、画像を「自分の」フォルダーにアップロードします。私は現在、写真から動的にスライドショーを作成するツールを持っていますが、残念ながらサブフォルダーを横断することはできません。したがって、私の主な目標は、画像ファイルを指定されたフォルダーにコピーし、そこからスライドショーで取得できるようにすることです。次に、PHP スクリプトを cron として 5 分ごとに実行し、パーティーの間、画面に画像を表示します。見つけた

P粉877114798 2024-01-29 09:16:15 0  1  397

Div の外での画像の移動

ページの中央に黒い div がある Web サイトを作成しています。その上にマウスを置くと、中央の画像が回転します。問題は、画像を div 内に配置したにもかかわらず、div の境界の外に出てしまうことです。この問題を解決するにはどうすればよいでしょうか?これは私の HTML コードです: constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15 0  1  435

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。以前、施設で前切りを学び、カッターになったのですが、技術的な内容があまりなく、学歴も高くなく、仕事が終わってから独学で技術を学び続けていましたが、技術力がありませんでした。給料が上がって騎士になる効果があったので、夢だった進路を諦めて路上の焼きビーフン屋の店主になった今は特にPHPのWebサイト開発を体系的に学びたいと思っています。企業モール、コミュニティウェブサイト、農村農産物直売ウェブサイト 北京に第一線の...

. 2017-08-28 14:28:41 0  1  1369

CSS トランジション: 背景サイズが機能しない

私は、画像の上にマウスを置くとズームアウトして、div の背景を確認するためにズームアウトしすぎなくても画像全体が表示される Web サイトに取り組んでいます。私の HTML は次のようになります: <divid="wrapper"><divid="imgDiv"><divid="transitionDiv"style="background-image:u

P粉821808309 2023-09-05 00:05:08 0  1  564

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダル ギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02 0  1  576

モーダル内の画像をクリックして複数の画像を変更したい

ポップアップ/モーダルにはgsap.jsを使用しています。私は forEach を使用しているので、このサイトに同じパーツをどれだけ追加しても問題なく動作します。私の唯一の目標は、これを何とか完璧に動作させることです。ポップアップされる「ボタン」をクリックするたびに、9 つの画像が表示されます。その中から 4 つを選択して「編集を保存」をクリックします。「編集を保存」を押すと、本文が表示されます。画像に 4 つの画像本体がある場合、自動的に変更されます。そして何度でも変更できます。 constitems=doc

P粉269530053 2024-01-29 09:35:00 0  1  387

モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか?

ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しようとしましたが、機能しません。また、アクティブな位置 (つまり X) のハンバーガー メニュー アイコンが適切に配置されていません。しかし、主な問題は、ナビゲーション バーをクリックすると折りたたまれることです。 $(document).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03 0  1  696

Safari iOS で HTML5 ビデオを再生すると、向きを変更するとビデオが閉じてしまう

React と HTML5 の <video> タグを使用してビデオをレンダリングしています。iPhone で Web サイトを開くと、ビデオはネイティブ iOS Safari ビデオ プレーヤーで再生されます。ただし、ビデオを横向きモードで見るために向きを変更すると、ビデオがオフになります。 HTML5 video タグの何らかの構成を実装する必要がありますか?それとも、これは私の React レンダリングに問題があるのでしょうか?理解を深めるために、私はアルゴリズム ビジュアライザーを開発していますが、現時点ではモバイル デバイスではサポートされていません。そこで、いくつかのメ...

P粉413307845 2023-08-30 20:49:37 0  1  635

参考 - PHP ではこのエラーは何を意味しますか?

これは何ですか？ここでは、PHP でプログラミング中に発生する可能性があるが、修正方法がわからない警告、エラー、通知に対するいくつかの回答を示します。これはコミュニティ Wiki でもあるため、誰でもこのリストへの追加と維持に参加することができます。何故ですか？ StackOverflow では、「ヘッダーが送信されました」または「非オブジェクトのメンバーに呼び出します」などの質問が頻繁に表示されます。これらの問題の根本原因は常に同じです。したがって、これらの質問に対する答えは、多くの場合、同じ質問を繰り返し、特定の状況でどの行を変更する必要があるかをオペレーターに示します。これらの回答は W...

P粉478445671 2023-08-27 15:07:53 0  1  635

スクリーン リーダー ユーザーにアクセス可能なテキストを HTML で提供するにはどうすればよいですか?

たとえば、内側に数字 2 が入った赤いブロックなど、番号が記載された色付きの div がある Web サイトがあります。色は理解する上で重要です。視覚障害のあるユーザーが私に電子メールを送り、スクリーン リーダーで「2red」を読み上げてもらえないかと尋ねてきました。 alt="2red" として追加しようとしましたが、何も起こらないと彼は言いました。彼は、これは画像の alt タグを読み取るだけかもしれないと考えました。 div要素を使用してこれを行う良い方法はありますか?

P粉426780515 2023-08-22 21:26:22 0  2  501

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

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

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

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

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

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

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  595