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

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

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

angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  864

node.js - ブラウザ環境でノードの fs モジュールを使用するにはどうすればよいですか?

画像を読み取るために純粋な JS を使用する必要があります。唯一のパラメーターは画像パスです。以下はノード環境のコードです。{code...} を使用して、それを {code...} に変換し、実行します。ブラウザ環境で次のようなプロンプトが表示されます。エラー、browserify は fs モジュールをブラウザで使用できるものに変換できないようです...

高洛峰 2017-05-16 13:44:07 0  2  1488

WebGL はインデックス 255 を使用したインデックス描画をサポートしていません

これは、uint8 値 255 のみを使用してインデックス バッファーを作成する最も単純な WebGL テスト プログラムです。サイズ 64px の赤い正方形が描画されるはずですが、描画されません (描画にはインデックス値は関係ありません)。どういうわけか、WebGL は、符号なしバイト範囲内にあるにもかかわらず、インデックス 255 の要素を無視します。 254 またはその他の値を使用すると、赤い四角形が期待どおりに表示されます。これは WebGL のバグですか、それとも予期された動作ですか?関連する情報が見つかりません。 letcanvas=ドキュメント.クエリ

P粉265724930 2023-08-17 12:37:59 0  1  533

新しいタイトル: Vue を使用した Firebase Cloud Storage Blob からの画像の表示

ユーザーが製品バーコードをスキャンすると、表示する製品の写真とともに製品に関するデータが返される製品検索リポジトリを構築しています。ここで、テスト目的で Firebase バケットをセットアップし、画像をアップロードしました。 Firebase Storage API を呼び出して画像を正常に取得しましたが、Vue アプリケーションで画像を表示できないようです。例では純粋な js と html が使用されているため、firebase ドキュメントで正しいドキュメントが見つからないようです。画像を表示するための私のコード: &l

P粉362071992 2024-02-21 11:30:43 0  2  534

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  641

CSS 表示プロパティの変換

私は現在、CSS の「メガ ドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウン メニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

P粉958986070 2023-08-23 12:27:32 0  2  677

シュリンク ラップ フレックス ボックスを使用してフレックス アイテムをラップし、中央に配置できるようにします。

パックされたコンテンツを含むフレックスボックスがあります。フレックスボックスをその内容に合わせて縮小するにはどうすればよいですか?私が解決しようとしている根本的な問題は、フレックスボックスを中央に配置することです。この画像は私の問題を説明しています: この目標を達成するにはどうすればよいでしょうか?これは純粋な CSS で実現できますか? Flexbox が 1 列目、2 列目、または 3 列目に折り返されるかどうかは、事前にはわかりません。要素の幅は既知です。高さは不明であることが望ましいですが、その方が簡単な場合は、一定の高さを決定することもできます。 width:min-content、...

P粉807239416 2023-09-13 15:26:47 0  1  638

リモート ウェアハウスを git に追加した後、プッシュできません

Alibaba Cloud ECS (CentOS7) を持っており、そこにプロジェクトを配置する必要がありますが、github を経由したくありません。リモート ウェアハウスをローカル git ウェアハウスに直接追加して、ECS に直接プッシュしたいと考えています。 。まず ECS にプロジェクト ディレクトリを作成し、ウェアハウスを初期化します。 $ git init added the Remote...

漂亮男人 2017-05-02 09:28:02 0  2  598

Objective-C のブロックと Swift のクロージャの違いは何ですか?

ブロックはOCのクロージャです。Swiftのクロージャとの違いは何ですか?

怪我咯 2017-05-02 09:28:03 0  1  702

github - git は特定のサフィックスを除くすべてのファイルを無視できますか

タイトルの通り、ignoreの補語に相当するのでしょうか？

PHPz 2017-05-02 09:28:04 0  1  834

object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。 私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

巴扎黑 2017-05-02 09:28:04 0  1  570

bash での git 完了エラー

新しくインストールした Debian Bash で、sudo apt-get install git を使用してインストールした後、git の完了が異常に表示されます。 {code...} 部分は git revert と同様に通常のものです。ただし、補完項目が git a^[[m^[[Kdd であるため、git add などの大きな部分は正常に使用できません。 お願いします...

阿神 2017-05-02 09:28:05 0  2  777

UITableViewCell の継承の問題 - UITableViewCell の継承の問題

問題は次のとおりです。まず、xib を使用して、n 個のコントロールを含む UITableViewCell A を作成しました。次に、Aを継承するUITableViewCell Bを作成しました。ただし、B のすべてのコントロールは nil です。したがって、B を使用すると、A から継承したすべてのコントロールを表示できません。 ...

阿神 2017-05-02 09:28:06 0  0  581

git でリモート ブランチを復元する方法

今日は手が震えていましたが、 git Pushorigin :develop を使用して、ローカル トレース ライブラリの dev_local を削除しました (これは削除されていませんでした)。間違った支店。 リモートブランチを復元する方法を早急に解決策を探しています。緊急のお願いです。

PHPz 2017-05-02 09:28:08 0  2  662

Objective-c - 実際のデバイス テスト NSProgress が進行状況を出力しない

progress:^(NSProgress * _Nonnull UploadProgress) { NSLog(@"Progress- %f", UploadProgress.fractionCompleted);} 実機テスト中、このログは印刷できません。シミュレータでは正常に動作しますが、このブロックで中断されます。 . 全然止まらないのですがなぜでしょうか？

黄舟 2017-05-02 09:28:09 0  1  676

git ブランチの作成方法

フレームワークと、このフレームワークに依存する 2 つのプロジェクト (実際には 2 つのスクリプト プログラム) を作成しました。フレームワークはスクリプトのルート ディレクトリに配置する必要があります。現在、フレームワークとスクリプトを頻繁に変更する必要があります。 Git は 2 つのプロジェクトに対して 2 つの異なるブランチを作成できますか? 各ブランチで、フレームワークとそれぞれのブランチに対する最新の変更を確認できます。

高洛峰 2017-05-02 09:28:10 0  6  637

GitHub でユーザー名とメールアドレスを変更した後、アバターが表示されず、クリックできません。原因は何ですか?

ここのユーザー名は以前と同じで、アバターは表示されなくなり、クリックできなくなります。何が起こっているのでしょうか?

PHP中文网 2017-05-02 09:28:12 0  1  835

Objective-c - UIimage を NSData に変換するときにメモリが大きすぎます

画質を損なわずにNSDataに転送すると、画像が非常に大きい場合、メインスレッドにある場合はメモリが増加してUIが固まりますが、サブスレッドにある場合はUIが固まりません。スタックしますが、メモリは非常に大きくなります。どうすれば解決できますか? (注: テスト画像、変換されたデータの長さは約 20M)

巴扎黑 2017-05-02 09:28:12 0  1  594

チームコラボレーション - git flow の依存関係として私が書いた機能が誰かに必要な場合はどうすればよいですか?

たとえば、私はユーザーの名前や情報などを提供する機能/ユーザー ユーザー管理モジュールを開発しており、同僚はユーザーがログインできるかどうかを検出する機能/ログイン ログイン システムを開発しています。ユーザー情報等の取得 質問 1: ユーザー システムを作成したと仮定すると...

伊谢尔伦 2017-05-02 09:28:14 0  3  906