に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

写真内の画像のアスペクト比

次のようなタイトルの画像があります。タイトル CSS には img{max-width:100%} もあります。画像の幅と高さを同時に設定し、幅が設定値を下回った場合でもそのアスペクト比を維持したいと考えています。それで、私は次のようなコードを試しました：タイトルこれはほぼ私が望むものですが、画像が「レターボックス化」されている場合、タイトルは画像の下部からかなり離れています。タイトルを画像の下部にぴったりと合わせたまま、希望の結果を得る方法はありますか?

P粉557957970 2023-08-17 20:24:04

Wordpress - 画像タイトルが存在します - Gutenberg は自動的にそれを取得しません

この質問をする前に、午前 10 時から午後 20 時までの 9 時間分の料金を支払いました:( あらゆることを試しましたが、うまくいきませんでした。まあ、画像の情報を設定しました: alt text、title、caption、 description Gutenberg エディターは Alt テキスト、画像タイトルを取得できますが、[詳細設定] -> [タイトルプロパティ] タブに「タイトル」がありません。手動で再度書き換えずに、Gutenberge で画像 post_id からタイトルを取得するにはどうすればよいですか? ありがとうございます。

P粉823268006 2024-01-16 21:17:02

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキストボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03

作成モジュールでカテゴリ画像を表示できません

独自のモジュールにケアイメージを表示したいので、モジュールとfrontend/templates/category-section.phtmlを作成しました。コードは次のとおりです。問題は、ソースイメージが空であり、モジュールでnullが返されることです。ページと他の同様のプロパティはすべて正常に機能します。管理パネルに画像をアップロードし、タグをクリックすると、画像を含むカテゴリページが正しく返されますが、カテゴリと画像を表示した場合にのみ、画像がここに表示されません。どれをクリックしても画像が表示されない

P粉731977554 2024-02-26 22:31:22

Laravel Nova で関連する検索リソースから画像を表示する

BelongsTo::make リレーションを持つフィールドを作成し、検索タイトル画像を追加したいと思います。画像のリンクはリソースフィールドに URL として保存されます。img タグを作成しようとしましたが、タイトルは HTML コードをエスケープします publicfunctiontitle(){return "$this- >name <imgsrc='/open_emoji/lite_coloured/$this->name.png'>";}https

P粉986937457 2024-03-31 21:17:29

Vue.js で動的 :src を実装するにはどうすればよいですか?

v-bind:src を使用して、v-for イメージ src を持つ v-vor イメージを動的にレンダリングしたいと考えています。画像ディレクトリは正しいようですが (しかし、それを確認するにはどうすればよいでしょうか?)、他の配列キーは表示されていますが、テンプレートにアイコンが表示されません。構造:src-assets//内部画像コンポーネント//内部コンポーネント<q-cardv-for="benefitinbenefits":key="benefit.title&

P粉937769356 2023-09-16 09:38:42

コンテンツを中央に配置し、画像リンクをクリックできるようにするのにサポートが必要です

基本的に、画像とタイトルを画面の中央に配置する必要がありますが、画像をクリックしてリンクを開くことも必要です。これを行うための正しいコードがあると信じていますが、これら 2 つの問題がまだ発生しています。画像のサイズも2種類あるので、それも難しいです。赤い錠剤を小さくし、青い錠剤を（元のサイズと比較して）大きくしてみました。他の 3 つの画像の背景キーフレームについては心配しないでください。タイトルと赤と青の錠剤の画像を中央に配置するのに助けが必要です。オンラインコードを使用してみましたが、同じエラーが発生しました。画像のサイズをさまざまなサイズに変更してみました、試してみました

P粉794851975 2023-09-13 12:12:49

タイトルの後に拡張アイコンが付いているカスタムパッド拡張

for ループ内でマット展開パネルを使用してマットアコーディオンを作成しようとしています。問題は、各拡張機能の前にチェックボックスを追加するなど、いくつかのカスタマイズを行う必要があり、拡張機能アイコンを特定のテキスト (この場合は本のタイトル) の後に配置する必要があることです。私の理解では、展開パネルのアイコンは最後または最初に配置できるため、配置がわかりにくいです。パッドエクステンションは同じ目標を達成するのに適したコンポーネントだと思います。パッド拡張機能の実装方法についてガイダンスが必要ですか? それとも検討すべき別のアプローチはありますか?

P粉662802882 2024-04-02 12:39:50

PHP の配列: 新しい項目を追加したときの驚くべき結果

そこで、Instaloaderpython ライブラリによって収集された画像を収集し、Web サイト上のギャラリーに配置できるコードを作成しています。これらを問題なく収集して表示することができましたが、各投稿のヘッダーを実装し始めたところ、問題が発生しました。ライブラリが写真をダウンロードする方法は、コレクション内に複数の写真がある場合、コレクション内の画像の場所に基づいて投稿に _1、_2 などのサフィックスを追加し、.txt ファイルをタイトル。コレクションのフォルダー内容の例: 2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42

ヘッダー画像、テキスト、ボタンをレスポンシブにする方法

Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタンを表示することもできます。画像、テキスト、ボタンをレスポンシブにしたい。メディアクエリを使ってみましたがやり方がわかりません。 test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

タイトルが次のように書き換えられました: BLOB イメージのレンダリングに関する問題

こんにちは、mysql に jpg 画像を BLOB 形式で保存しました。 PHP を使用してビューページに画像をレンダリングする際に問題が発生します。 header('Content-type:image/jpeg') を使用すると、画像にエラーが含まれているため表示できないため、ページにメッセージが表示されます。ヘッダー機能を使用せずに印刷すると、ジャンクテキストが表示されます。これは私のコードです: functionloadImage(){//connecttodbmysql_select_d

P粉814160988 2023-10-31 08:54:55

ブラウザが HTML 要素をレンダリングしようとする前に、HTML 要素をスクランブルします。これは「document.write」のまれな有効な使用例ですか?

Web ページにヘッダー領域があり、そこをループする背景画像がいくつかあります。これらは少し解像度が高く、スクロールせずに見える範囲にあるため、ブラウザーが最初の画像以外の画像の読み込みを開始しないようにします。しかし、画像の順序もランダム化したいと考えています。問題は、静的 Web ホスト (Netlify) を使用していることです。私が検討したいくつかのアプローチ: 通常どおり要素をドキュメントに配置し、JavaScript を使用して要素をクエリし、順序をランダム化します。ブラウザが HTML に到着した最初の画像の読み込みを開始し、その後ランダムに画像を取得すると思うので、気が進まない...

P粉752290033 2024-01-10 18:07:41

HTML で <br> タグを使用するときに出力の書式設定で問題が発生します

練習問題で困っています。ご覧のとおり、HTML から CSS まですべてが揃っていますが、出力は正しい方法で表示されるようになりました。 <br>タグを使用すると、次のように出力がHTMlとCSSの出力画像としてブラウザに表示されますが、<br>タグを使用しないと、出力はブラウザに別のHTMlとCSSの出力画像として表示されますh1{ font-family:leaguespartan;color:#ffa511;text-align:center

P粉768045522 2024-04-02 15:56:11

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーンリーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59

問題: 画像の読み込みが遅すぎる

Html、Css、Js、Phpを使ってクレイグリスト風のWebサイトを作りました。ユーザーが 1mb を超える画像をクリックしてアップロードすると、ページが非常に遅くなるか、失敗します (503 エラー)。 100kb以下の画像であれば問題ありません。 PHPページには、type=file inputタグとpreview imgタグを含むフォームがあります。 >ここでは問題ありません。ユーザーが送信ボタンをクリックすると、フォームは入力タグの値をアップロードコードを含む別の PHP ページに渡します。質問: サーバーにアップロードする前の最適な画像スケーリング

P粉676821490 2023-08-17 22:40:08

Bootstrap Vue を使用して画像を右揃えにする方法

私は BootstrapVue を初めて使用し、b-cardheader を使用して画像を右に揃えようとしています。 <span> または <div> を使用してみました。テンプレートのタイトルサイズは、画像を追加するまでは完璧でしたが、画像は少し右に表示されましたが、少し下にも表示されました。これが私のコードペンリンクです。ご協力いただければ幸いです。 https://codepen.io/tone373/pen/JjeYazG<b-cardheader-

P粉216807924 2023-09-07 23:33:56

「ブートストラップ 5 - アコーディオンの内側と外側の要素を揃えるマージン」

3 つの Bootstrap5 グリッドを整列させようとしています: アコーディオンの外側のタイトルアコーディオンタイトルの概要アコーディオンコンテンツの詳細アコーディオンタイトルには左右のマージン/パディングがあり、アコーディオンアイコンもある程度のスペースを占めます。タイトルと詳細のグリッドに概要グリッドと同じ「余白」を使用したいと考えています。「ps-4pe-4」のようなパディング付きの列を追加してみましたが、せいぜいおおよその位置合わせしか得られません。 .coloured-bg1{背景:ライトグレー}.coloured-bg2{背景

P粉834840856 2023-08-31 12:54:27

React を使用して画像上にインタラクティブマーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41

言い換えたタイトルは次のとおりです: 画像の元のファイルを抽出する

Webページ上の特定の画像のソースを取得しようとしています。コードを入力すると、未定義エラーが出力されます。 Uncaught TypeError: 未定義のプロパティを読み取れません ('getAttribute' を読み取ってください) これは HTML コードです <divclass="team-member-imageborder-radius-5pxoverflow-hidden"><imgclass="abc"alt=&quot

P粉087951442 2023-09-13 19:36:22

angular は、図に示すように、elasticharch から取得したテキストを強調表示します。

インターネットでいろいろ方法を調べましたが、やはり表示できません。何が問題だったのかわかりません。長い間、この問題に悩まされてきました。図のように、注釈付きの文の値がを取得しましたが、ラベル付きのテキスト形式で表示されるので、htmlタグを解析して表示する方法を使いたいです～善きサマリア人が助けてくれます...

世界只因有你 2017-07-05 10:36:32