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

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

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

javascript - スワイパーのタブ切り替え. 各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか?

スワイパー タブ切り替えの各ボタンをクリックしてスワイパー コンテナを移動させるにはどうすればよいですか? たとえば、NetEase の上部タブ切り替えの各ボタンをクリックすると、タブ切り替えコンテナがスクロールします (1: 左右にスクロールでき、コンテンツが画面いっぱいに表示されます)。コンテナ全体。,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  820

JavaScript - コンテンツの高さが画面の高さより小さい場合、autoHeight を設定すると swiper.js がうまく機能しません

swiper.jsを使ってタブ項目の切り替えを実装するのですが、各タブ項目の高さが異なり、非同期でデータが読み込まれます swiper-containerの適応高さはautoHeight:trueを設定しているのですが、コンテンツの切り替え時に高さ < 画面の高さ この属性はもう機能しません...

phpcn_u1582 2017-05-19 10:43:35 0  1  629

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

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

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

React JS と Lenis のスムーズスクロールで画面を切り替えるときにトップに戻る方法

私は lenis を使用してスムーズ スクロールを実装しており、App.js で使用する ScrollToTop.js ファイルがあります。ページがスクロールしていないときは正常に動作しますが、別のページに移動するボタンをクリックして「スムーズなスクロール」が発生すると、scrollToTop が動作しません。これを修正する方法を知っている人はいますか? ScrollToTop.jsimport{useEffect}from"react";import{useL

P粉662614213 2023-08-18 09:58:58 0  1  763

Linux では Sogou 入力メソッドが全角を無効にします

通常、ctrl+spaceを押すと全角と半角が切り替わりますが、全角を無効にする方法を教えてください。また、入力方法を教えてください。 win7ではこの半角を無効にすることはできますか? 全角の切り替えやカスタマイズも可能です。

世界只因有你 2017-05-16 13:29:08 0  1  1100

バージョン管理 - Git 複数人開発、ブランチをマージするときに前後の切り替えを回避するにはどうすればよいですか?

複数人での開発では、他の人のブランチを自分のブランチにマージすることがよくあります。私のアプローチは、最初に他の人のブランチに切り替えてから、最新のブランチにプルダウンしてから、自分のブランチに切り替えることです。最後に他の人のブランチを自分のブランチにマージします。毎回前後に切り替える必要があります。とても面倒に感じます。もっと良い方法はありますか？

PHP中文网 2017-05-02 09:29:04 0  4  710

toggle 属性が使用されている場合、CSS トランジションを維持できますか?

左から右に移動する div があります。常に画面上に表示され、ウィンドウのサイズが変更されたときに位置合わせされないようにするには、画面のどちら側が近いかに応じて、左右の使用を切り替えます。

P粉465675962 2023-08-02 21:13:37 0  1  517

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  783

PHP 警告を修正する方法: WooCommerce カテゴリの未定義の配列キー、ホバー時の画像切り替えコード

子テーマのfunctions.phpファイルに次のコードがあります: //addhoverimagetowoocategorypageadd_action('woocommerce_before_shop_loop_item_title','mem_add_on_hover_shop_loop_image');functionmem_add_on_hover_shop_loop_image(){$image_id=

P粉529581199 2023-08-27 00:13:53 0  1  546

タブに切り替えるとフルカレンダーでCSSが読み込まれない

タブリストパネルがあり、最後のタブは完全なカレンダーを使用しており、この問題が発生しています。タブに切り替えると、カレンダーのCSSが読み込まれませんが、カレンダー自体で別の月に切り替えると、CSSが開始されます私のカレンダーのバージョンは 5.7.2 ですが、バージョン 3 ではそのような問題は見られませんでした。何が問題なのでしょうか? vardata=[];$(document).ready(function(){varcalendarEl=document.getElementById('ca

P粉738676186 2023-09-06 15:33:32 0  2  575

javascript - スワイパープラグインのループモードのバグ?

1. 現在 8 つのデータがあり、5 秒ごとに 5 つのデータを切り替えるように設定し、loop を true に設定すると、~~ データの最後のセットが再生され続けます。つまり、2 番目の画像は 1 回ごとにデータを切り替えます。 5秒で常に6が表示されます。次に7、8、1、2のデータを戻そうとしましたが、前のデータが空で対数が表示されませんでした...

大家讲道理 2017-06-26 10:58:10 0  1  940

JavaScript - シームレスなカルーセルで最後の画像を最初の画像に切り替えるにはどうすればよいですか?

{コード...}

習慣沉默 2017-05-16 13:42:50 0  2  694

android - 携帯電話が横向きモードまたは縦向きモードの場合、recyclerview オブジェクトなどのフラグメント内のインスタンスは null であり、バックグラウンドでデータを返すときのコールバックによって null ポインター例外が発生します。

携帯電話が水平画面と垂直画面を切り替えると、フラグメント ステータスが失われ、サブスレッドによって要求されたデータ コールバックが表示されるときにヌル ポインタ例外が報告されます。この問題を解決するにはどうすればよいですか?

阿神 2017-05-31 10:38:57 0  2  1191

jqueryを使用したナビゲーションメニューのサブメニューの表示/非表示（切り替え）が期待どおりに機能しない

CSS、HTML、jqueryを使用して水平メニューを作成しました。メニュー項目をクリックすると、サブメニューが表示されます。私の問題は、サブメニューがすでに開いているときに別のメニュー項目をクリックすると、新しいサブメニューが表示されますが、以前に開いていたメニューは非表示にならないことです。更新: 質問を編集して、現在は 1 つの問題だけに焦点を当てています。 $(".menus_li").click(function(e){$(".blocks_ul",this).togg

P粉183077097 2024-03-20 09:28:35 0  1  588

ビデオが頻繁に誤って切り替わる

講座を学習した後、Webサイトの自動切り替えでも手動選択でも他の講師の動画に飛んでしまうことが多いのですが、これが解決されることを願っています。

Synn 2021-01-20 10:47:48 0  5  2750

JavaScript - Web フロントエンドは、コンテンツの長さが 2 行であるかどうかをどのように判断しますか? (画面幅が異なる場合)

さまざまな画面サイズでテキストが占める行数を計算する方法はありますか? 図にあるように、携帯電話の画面幅の下2行を超える場合は全文表示されますが、それ以外の場合は全文表示されません。

大家讲道理 2017-05-16 13:08:51 0  6  1759

PHP で for ループを使用して画像の表示/非表示を複数回切り替える

私のサイトにはユーザーがいます。ユーザーはプロフィールからグループ 1/2/3 を選択します。選択に基づいて、$group1_recipients[]、$group2_recipients[]、$group3_recipients[] の 3 つの配列に分割されます。 データ例: $group1_recipients=["User A", "User B", "User C"], $グループ2_reci

P粉567281015 2023-09-13 15:06:29 0  1  628

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10 0  1  701

html5 - 画像のアスペクト比を携帯端末の現在の画面の全画面サイズに正確に合わせるにはどうすればよいですか?

1. 携帯端末で画像のアスペクト比を携帯電話の全画面サイズに調整するにはどうすればよいですか? 幅が 100% の場合は高さも適応する必要があり、高さが 100% の場合は幅も適応する必要があります。このようにすると、画像が現在の画面を超えてスクロール バーが表示される場合があります。スライドして表示しないと空白ができてしまいます...

世界只因有你 2017-05-16 13:25:15 0  5  1156