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

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - 画像をクリックして拡大または縮小するために使用できる簡単な JS はありますか?

htmlで画像を拡大・縮小できるjsを参考にしたいのですが、画像は大きい画像と小さい画像の2種類を使うのがベストですモールのコメント用にもっと簡単な画像共有機能はありますか?わかりません。

習慣沉默 2017-05-19 10:47:30

空きスペースが増え続けていますが、その理由がわかりません

質問の画像: 質問の画像前の画像を見ると、そこに大きな空きスペースがあることがわかります。通常のディスプレイ (約 1200 ピクセル) を使用している場合は、すべて問題ありません。ただし、幅を縮小すると、常に空きスペースが増加しますが、なぜこれが発生するのかわかりません。正常に表示されている画面の画像: 正常に表示されている画面の画像コードがわかりやすく書けるように、HTMLとCSSのコードの一部をアップロードします。 .about-me{マージントップ:10px;最大幅:100%;最大高さ:10

P粉729518806 2023-08-14 19:03:11

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

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

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

DIV を両側のコンテンツに合わせて中央揃えにします

したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。テキスト画像 DIV 画像テキスト DIVを中心にして画像がDIVを「抱き締める」、そしてテキストが画像を「抱き締める」ようにして、残りのスペースが表示されるようにしたいです。含まれる DIV の左側または右側。現在必要としているように見える方法は、これを達成するためにフレックスを使用しましたが、これは、私が望むDIVが完全に中央に配置されるのではなく、DIVを含むコンテンツ全体が中央に配置されるだけです。

P粉352408038 2024-04-04 23:19:14

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

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

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

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

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

P粉458913655 2024-03-30 00:14:11

JavaScript - スワイパー画像をスワイプできません

質問の件名は、要求されたデータがなかったため Vue で書かれていたため、偽のデータが作成されました: これは動的に生成された img タグであり、ページ上で使用されます: しかし、Chrome を開いて効果を見ると、これはスワイプできず、最初の画像しか表示されないということですが、その写真の動的生成された画像も以下のように正しい構造になっているのですが、なぜ描画できないのでしょうか...

黄舟 2017-07-05 10:48:46

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

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

P粉242535777 2023-08-18 08:53:28

背景が丸いテキストを画像にオーバーレイする方法

この画像に表示されているものを HTML で複製する必要があります。問題は、テキストが div と背景画像を覆っていることです。外側の div に画像がなく単色もない場合は、角が丸い小さな HTML 要素を適切な場所に配置すれば、これをかなり簡単に実行できると想像できますが、背景画像によってさらに複雑になります。これまでのところ、私はこれを持っています...ご覧のとおり、2つの丸い角で立ち往生しています。誰かが解決策を提案できますか?すべての最新ブラウザで動作する必要があることに注意してください: #outer{width:100%;hei

P粉328911308 2023-08-30 15:20:14

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホームページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクトページに移動するのではなく、全画面モーダルコンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです結果がこれですコードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミットタイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12

2 つの接触フィールドの相互作用能力を強化するにはどうすればよいですか?

2 つのフィールド (「CallUs」と「OurEmail」) を中央に配置し、同時に応答可能にする必要があります。小さな画面に重ねて表示する必要があります。図のように大きな画面に正しく配置するためのインライン CSS がありますが、小さな画面では正しくスタックされません。コードを挿入する CSS ファイルが見つからないため、インライン CSS を使用しています。インライン CSS を使用してこれを修正することはできますか?可能であれば、これら 2 つのフィールドを大きくするためのインライン CSS を以下に示します。

P粉725827686 2023-08-14 21:20:22

HTML テーブル内の画像を右揃えにする方法

Django Web サイトを作成し、結果を上部に小さなフォームのように表示したいと考えています。左側にテーブルがあり、右側のテーブルに 2 つの写真と別の列を追加したいと考えています。よりわかりやすく説明するために図を設計しました - ここに画像の説明を入力しますこれで、フォーム 1 と表のコードを書きました。バックエンドのコードも書きます。画像とフォーム2はフォームの右側にあるのでhtmlコードの書き方を知りたいです。任意の HTML コードを記述するだけで、表の下に表示されます。誰かが表の右側に写真とフォーム 2 を追加するのを手伝ってくれませんか?今私は

P粉555696738 2023-09-02 09:04:11

CSS ドロップキャップ画像、空白に配置されたテキスト

これは日常的にドロップキャップが発生する状況ではないと思います。私の大文字の「S」は次のようなイメージです。実際のイメージは上の列まで伸びていることに注意してください。上部のバーは同じ画像の一部であり、大きな S と S の左側の図が含まれています。ここではわかりやすいように背景を青にしていますが、本来の色は白です。 (ただし、最上部の余分な灰色の領域は無視してください。スクリーンキャプチャを行うときに厄介です。) トップバーと画像を台無しにしたくありません。私に提供された画像は次のようになります。右上隅にトップバーが描かれ、トップバーの下に空白がある長方形の領域です。テキストはこんな感じ...

P粉415632319 2023-09-05 21:42:04

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28

Web クローラー - Python を使用して Blog Park ブログ内の写真をクロールするにはどうすればよいですか?

Blog Park ブログ内の画像をクロールするための小さなコードを作成しました。このコードは一部のリンクには有効ですが、一部のリンクはクロールされるとすぐにエラーを報告します。理由は何ですか? {code...} 図のように、画像は正しくクロールできています。URL を {code...} に変更すると、すぐにエラーが報告されます。解決してください。ありがとうございます。

某草草 2017-05-18 10:45:39

javascript - これがローカルでは機能するのにサーバーでは機能しないのはなぜですか?

ローカルで HTML ファイルを作成し、次の 2 つのコードを挿入したところ、正常に実行されましたが、サーバー上では動作しないのはなぜですか?その理由は何ですか?通常、画像をローカルで拡大および縮小してサーバー上で実行できますが、クリックしても効果がありません。 {コード...} {コード...}

ringa_lee 2017-05-19 10:47:15

高さ 100vh の背景画像の中央に div を配置します

私は上部に固定位置のナビゲーションバーがあるコースに取り組んでいます。背景の高さは 100vh に設定され、テキストコンテンツを含む div は背景の中央にあります。 Flexbox を使用するとほぼ中央に配置されますが、実際に背景の中央に配置するには、その div の高さを高さの 100% に設定する必要があります。フレックスボックスとビューポートの高さについてはある程度知っていますが、ダイブを真に中央に配置するには、なぜ div の高さを 100% に設定する必要があるのか混乱しています。私が求めていることを再現するには、ここに背景として任意の画像を配置できると思います。私がここに...

P粉006847750 2024-02-17 12:39:44