JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  889

JavaScript - サムネイルのグループをクリックすると、大きな画像が表示され、対応する画像に切り替わります。サムネイルをクリックすると、大きな画像が非表示になります。困ったことがあれば、先生に相談してアドバイスを求めてください。

サムネイルのグループをクリックすると大きな画像が表示され、対応する画像に切り替わり、サムネイルをクリックすると大きな画像が非表示になります。大きな画像が表示されているときに、他の小さな画像をクリックすると大きな画像が切り替わりますが、非表示にすることはできません。私の質問は、大きな画像が表示されているときに、他の小さな画像をクリックすると、大きな画像が切り替わりますが非表示にはなりませんが、もう一度サムネイルをクリックすると大きな画像が非表示になります...

为情所困 2017-05-19 10:34:32 0  1  714

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

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

習慣沉默 2017-05-19 10:47:30 0  2  770

javascript - 記事内のフロントエンド画像を実装する方法。クリックするとポップアップ表示され、クリックすると縮小されます。

最近のプロジェクトで、メンバーが公開した記事があるのですが、その記事を携帯電話でイラストを表示すると、拡大して表示する必要があり、クリックして拡大できないことがあります。ここで操作できるのはimgタグのみです。 $("img").click(function(){ {code...} }) img にタグ href を追加し、img のパスを書き込み、画像をポップアップします。

过去多啦不再A梦 2017-06-26 10:51:46 0  5  1009

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  639

javascript - IE7 で jquery の fadeOut および fadeIn を使用すると、背景画像の縁が黒く表示されます。 ?

IE7でjqueryのfadeOut、fadeInを使用すると、背景画像の縁が黒く表示されてしまうのですが、このような状況を経験された方はいらっしゃいますか？ ?

某草草 2017-05-19 10:40:02 0  1  612

javascript - お聞きしたいのですが、webpack で画像をパックするとページ上に画像が表示されないのですが、ウェブサイトのルートディレクトリについて何か質問はありますか？

アドバイスをお願いします。最初に画像をアップロードし、最初にファイル ディレクトリをアップロードします。次は webpack の画像部分の構成情報です。発生した具体的な問題は次のとおりです。画像を表示できず、ブラウザ コンソールに次のようなエラーが報告されます。画像が見つかりません。コンソール コードを見ると、画像のパスは http://loc... であることがわかりました。

黄舟 2017-07-05 10:53:44 0  2  838

Bootstrap Grid システムを使用して、大画面で画像と進行状況バーの間のギャップを修正するにはどうすればよいですか?

まず、この図のアイデアを示します。 図 (1) この図では、md/lg 画面で進行状況バーが図の下にあり、テキストがその右側にあることがわかります。 。図 (2) では、画面サイズが小さい場合、テキストが 2 番目に表示され、進行状況バーが最後に表示されます。 「UTF-8」

P粉409742142 2023-09-14 10:56:03 0  1  667

JavaScript - モバイル デバイスで、画面をすばやくスクロールし、クリックしてスクロールを停止します。誤って <a> タグに触れて、クリックしたときに他のページに飛んでしまうのを避けるにはどうすればよいですか?

1 質問: モバイル デバイスで画面をすばやくスクロールし、クリックしてスクロールを停止する場合、誤って a タグに触れて、クリックしたときに他のページに飛んでしまうのを避けるにはどうすればよいですか? 2 これは、モバイル端末のフロントエンド開発で実際に遭遇する問題でもありますが、具体的に言うと、通常の状況で、現在のページに多くのコンテンツが含まれている場合...

我想大声告诉你 2017-05-24 11:36:49 0  3  860

javascript - gulp 画像圧縮プラグインをインストールした後、gulp コマンドを実行した後に「モジュール 'file-type' が見つかりません」と報告されるのはなぜですか?

この画像圧縮ツールをインストールした後、gulp コマンドを実行して html と css を圧縮できましたが、現在は実行できなくなり、最初の画像でエラーが報告されます。また、jsファイルが圧縮できない（gulp-uglifyプラグインがインストールされている）原因も教えてください ネットでは構文エラーと言われていますが、ブラウザでは見られません。 ..

世界只因有你 2017-06-22 11:54:19 0  1  1080

javascript - WeChat 公式アカウントをフォローすると、WeChat アバターと QR コード付きの写真が届きます。この画像はどのようにして生成されたのでしょうか?

WeChat公式アカウントをフォローすると、WeChatアバター付きの写真とQRコードが届きます。この画像はどのようにして生成されたのでしょうか?

PHP中文网 2017-05-27 17:42:17 0  3  929

JavaScript - tinymce エディターでコンテンツ画像のサイズ変更を無効にするにはどうすればよいですか?

タイトルにあるように、現在、Weibo コンテンツを送信するためのエディターとして tinymce が使用されています。画像を挿入した後、画像をクリックするとサイズを変更できる、つまり 4 つの点が表示され、画像を拡大または縮小できることがわかりました。これを無効にするにはどうすればよいですか?

巴扎黑 2017-07-05 10:41:20 0  1  1198

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

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

P粉345302753 2023-08-16 13:38:12 0  1  640

Android のイメージビューにパスと音声ファイルを追加し、パスと音声の場所を記録し、編集中にその場所を変更しないようにする方法

絵上にパスを描きます パスの終点に音声を追加できます 音声をクリックすると再生します 完了するとパスと音声の位置が記録されます 編集時にパスと音声を削除して編集することができます画像が拡大縮小される場合、それに応じてパスも拡大縮小する必要があります。

黄舟 2017-05-24 11:37:46 0  1  954

React を使用してデータを渡す

「CameraPage.tsx」以下のコードではロジックを作成しています。その機能はカメラ画像を検索することです。非常に簡単です。バックエンドに登録されている画像を検索するための GET リクエストを送信するだけです。フロントエンド ディスプレイは後で導入され、動作は正しいです。ユーザーが「InfoOutlineIcon」をクリックすると、別のページが読み込まれて画像が表示されるはずですが、クリックすると別のページが開きますが、画像は表示されません。発生する問題は、クリックすると console.log に画像が読み込まれたことが示されますが、新しいページを開くと、すべてが最初から始まり、何も...

P粉696891871 2023-09-14 20:43:08 0  1  543

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

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

P粉731977554 2024-02-26 22:31:22 0  1  646

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

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

P粉896751037 2023-09-08 21:25:41 0  1  851

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

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

P粉536532781 2023-09-15 22:09:37 0  1  974

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

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

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

目的-c - カスタム カメラで写真を撮った後、アルバムに保存される写真のサイズを制御するにはどうすればよいですか?

現在、カスタマイズしたカメラの幅と高さは両方とも 200 です。写真を撮影してアルバムに保存すると、画像のサイズはカスタマイズしたカメラでプレビューされた画像サイズになるはずですが、アルバムを表示すると、全画面写真が保存されたことを確認します。その後、画像をトリミングして保存しようとしたところ、サイズの問題は解決しましたが、次のことがわかりました。

女神的闺蜜爱上我 2017-06-15 09:23:54 0  1  1024