html5 - vue に基づいた画像表示、実装方法は?

WeChat Moments で写真を表示するのと同じ効果があり、長い写真を表示したり、拡大したり、写真の数を表示したりできます。

怪我咯 2017-05-16 13:42:53 0  1  489

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

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

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

javascript - js 虫眼鏡に関する小さな問題。

基本的にはjsの虫眼鏡でコードが理解できるようなのですが、テストして効果はわかったけどなぜこのように書かれているのかわからないコードがありました。写真はアップロードできません。理由はわかりません。この関数を作成した人なら誰でもよく知っているはずです。 {コード...} ここで、x = small.offsetWidth - マスク...

伊谢尔伦 2017-05-19 10:15:24 0  1  673

javascript - イメージがロードされた後、js イメージの onload が実行されない

1. 想定される効果は、画像がロードされるたびにアラート「1」が発行されることです。実際の効果は、すべての画像がロードされた後、アラートが 4 回発行されることです。 2. 以下はコードです。助けてください。 //imgArray[] 画像のリンクが 4 つありますが、長すぎる場合は書きません. var count = 0; {code...}

大家讲道理 2017-05-19 10:12:08 0  4  590

JavaScript - 左右の矢印をクリックすると、それに応じて画像が移動し、中央の画像が常に最大になります。

下の写真のエフェクトを作りたいです。現在写真は 6 枚あります。質問は 2 つあります。 1. 左右に移動した後、中断せずに最初または最後の写真から開始する方法 2. の最大の効果真ん中の写真は作り方です。経験のある方からアイデアをいただければ幸いです。

曾经蜡笔没有小新 2017-05-19 10:29:25 0  5  801

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレーム レイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07 0  2  919

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

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

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

JavaScript - React でビデオを自動的に再生する方法

私のアプローチは、ビデオをピクチャーマスクに置き換えることです。マスクをクリックするとディスパッチアクションがトリガーされ、マスクが消えてビデオラベルが表示されますが、Apple はそうしません。携帯電話や Android のどちらでもビデオを自動再生できない場合、ビデオを再生するにはビデオの再生ボタンをクリックする必要があり、効果があまり良くありません。何か解決策はありますか?

仅有的幸福 2017-07-05 11:03:35 0  2  1268

javascript - H5 テクノロジーを使用して WeChat、Alipay に似たバーコードを実装し、全画面をクリックすると自動的に横向きモードに切り替わりますか?

題して。 H5+ を使用して APP を開発しました。QR コードをクリックして拡大する機能が実装されました。バーコードをクリックして拡大する効果と横画面をより効果的に実現する方法は、図 3 に示すように、Alipay や WeChat の決済インターフェースに似ています。 。うまくできませんでした。皆さんには、エレガントな実装方法を提供してください。

扔个三星炸死你 2017-06-14 10:50:51 0  3  1254

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  879

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57 0  3  741

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

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

ringa_lee 2017-05-19 10:47:15 0  2  935

JavaScript - 画像をキャンバスにドラッグします

この効果を確認するのに専門家がいますか? 右側の画像をキャンバスにドラッグして編集できます。どのようにして実現されますか? 詳しく説明していただけますか? 至急です。

phpcn_u1582 2017-06-14 10:52:41 0  2  928

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  805

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

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

怪我咯 2017-05-16 13:36:42 0  7  1254

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  730

教師の日が近づいていますが、教師に何か言いたいことはありますか?

あなたがプログラミングを始めたばかりの初心者でも、すでに多くのことを学んだマスターでも、学校に通う普通の学生でも...先生に言いたいことは何ですか?自分のアイデアをコード言語で表現できますか?たとえば、以下に示すように、フロントエンド コードを使用してスクールバスの写真の効果を実現し、独自のアイデアを表現します。

藏色散人 2018-09-08 17:25:57 0  0  1226