矢印付きの「続きを読む」ボタン

図に示すように、右矢印の付いた「続きを読む」ボタンを作成しようとしています。背景色は白で、ボタン全体は次のようになります。次のコードを使用しています。ここの矢印は白なので、私のプロジェクトでは「プロフィールを表示」ボタンのみが表示されますが、背景色のせいで矢印は表示されません。矢印の色を変更するにはどうすればよいですか? <buttonclass="c-btn">プロフィールの表示</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  655

angular.js - angularjs で ng-hide を使用する際の問題。

{Code...} item.amount は製品の数量です。 - をクリックすると、この画像が動的に変更されます。 - が等しい場合、div を非表示にする必要があります。現在の状況は、ページを更新するかジャンプして戻ることで非表示にできますが、-をクリックすると...

某草草 2017-05-15 16:56:13 0  2  573

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

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

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

angular.js - angular2 の基本的な質問に答えてください

これは私のプロジェクトです。右側に商品リストが表示されます。追加されている場合は、数量を追加します。ページが更新されたときに、製品リストとユーザーのショッピング カートを一致させるにはどうすればよいですか? {コード...} 私の現在のロジックは、関連付け...

怪我咯 2017-05-15 17:10:03 0  1  608

スライド矢印のクリック領域がアイコンより広い

私の WordPress 開発サイトには、ギャラリー用のスライドショー機能があります。画像をクリックするとスライドショーが始まります。私の問題は、左側と右側の 2 つの白い矢印です。矢印のクリック可能領域はアイコンのサイズよりも広いです。以下の写真をご覧ください。クリック可能な領域はアイコンよりも広いです これは私の開発 Web サイトの URL この質問にコードを含めようとしましたが、「あなたの質問はスパムのようです」と言われました。 CSS ファイルは「https://dev.francisbegin.ca/wp-」です。

P粉195200437 2023-09-13 19:29:50 0  1  660

サードパーティサーバーから画像をダウンロードボタン

どのブラウザでも、画像が表示されたら右クリックし、[名前を付けて保存] をクリックしてダウンロードできます。画像をダウンロードするボタンを作ろうとしているのですが、ダウンロードボタンは上記の画像、バーコードをダウンロードするはずです。私は反応を使用していますが、これが答えに関連しているかどうかはわかりません。 <a/> タグを download 属性とともに使用できると読みましたが、Firefox を使用していると、バーコード画像をホストしているページにリダイレクトされ、ダウンロード ウィンドウが開きません。コードは非常に単純で、次のとおりです。表示: <ahref='ht

P粉198670603 2024-02-21 14:47:20 0  1  411

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

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

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

画像を左から右に移動し、さらに左から右に移動します

いくつかの画像のCSSを書いていますが、基本的に達成したいのは、左から右に移動する画像があり、右端に到達したら再び左に表示されるなどです。これを達成することができました。この時点では次のコードを使用します。 @keyframesslideAnimation{0%{transform:translateX(0%);}100%{transform:translateX(100%);}}.row-1{overflow:hidden;display:flex;f

P粉739079318 2023-09-07 15:10:40 0  1  568

css - タイトルの上にマウスを置いたときに表示されるテキストを折り返すにはどうすればよいですか?

画像の紹介コードで使用されている title="{{value.TeacherInfo.remark}}" は、紹介文上にマウスを置くと、右側の紹介文のテキストがフローティング表示されますが、紹介文は上に表示されます。左側はカバーされています。 タイトルの作り方 出てくるテキストの改行はどうなりますか？

phpcn_u1582 2017-05-15 17:11:53 0  1  1317

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

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

P粉555696738 2023-09-02 09:04:11 0  1  671

画像アップロードの問題

個人情報のアップロードと修正が必要です。ユーザーがデータを入力すると、データが 2 回目に表示されます。写真に問題があります。複数の写真を表示するだけでなく、ユーザーは再度写真をアップロードすることもできますただし、2回目以降は変更した画像を初めて送信するときはすべてのデータがページに印刷されますが、バックグラウンドに送信すると、新しく追加された画像のみが印刷用にアップロードされます. すべての画像データを背景にもアップロードするにはどうすればよいですか?

懒货 2020-03-24 12:17:37 0  0  1121

javascript - jqを使用して上下に画像を含むカルーセルを記述するにはどうすればよいですか?

写真の通り、自動カルーセル中は一番下の小絵は動かず、1秒後に次の小絵にバスケット枠が表示され、一番右の小絵に青い枠が現れると下の絵が表示されます次の秒に、小さな画像が 4 つの小さな画像を左に移動します。このような自動カルーセルを行うにはどうすればよいですか? アイデアを教えてください。これはカルーセル画像のコードです...

黄舟 2017-05-19 10:13:41 0  1  784

Shopify、フィルタリングされた製品リストの進むボタンと戻るボタン

コレクションページの商品ページに表示される進むボタンと戻るボタンを作成しようとしています。コレクション ページでフィルターを選択し、商品をクリックすると、ユーザーが選択したフィルターに基づいて、リストされた商品間を進む、または戻るボタンを作成したいと考えています。私のボタンは、コレクション ページ全体を前後に移動するだけです。フィルターに基づいてリストされた製品を処理するには、以下のコードを書き直すにはどうすればよいですか? {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46 0  1  497

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

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

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

Laravel yajraテーブルページングサーバー側で、2ページ目をクリックした後に3ページ目をクリックできません

基本的には1ページ目（1枚目の写真がご覧いただけます）で、合計8つのデータがあり、各ページに2つのデータが表示されます。最初の画像なので2ページ目をクリックすると、3ページ目が消えてクリックできません。 2 番目の画像が表示されます (これは 2 ページの 2 番目の画像ですが、ご覧のとおり、3 ページ目をクリックするためのボタンはありません) 以下に示すように、データ テーブルを追加して、次のように入力します。 >setOffset($start) をコードに追加します。しかし、うまくいきません。誰か助けてください。公共機能予約L

P粉563831052 2023-09-04 20:24:03 0  1  628

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

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

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

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

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

P粉872101673 2024-04-04 11:21:03 0  1  3872

javascript - JQueryはドットマークボタンから現在の要素のIDを取得する方法（動的データのIDを取得する方法）

1. 画面内の画像や表示される候補情報はすべてDataListで反復処理されており、マークボタンをクリックすることで対応する検査時間や科目コードなどを取得することが目的です。これを実現するには、マーク ボタンをクリックして、現在の候補者の情報を処理のためにバックグラウンドに送り返します。 JSはどうでしょうか...

PHP中文网 2017-05-19 10:18:00 0  2  802

オリジナルの JAVASCRIPT を使用して 5 つの LI の一部のみを表示し、クリックすると残りを表示するにはどうすればよいですか?

コードは次のとおりです: {Code...} 上記は HTML 構造です。JAVASCRIPT (JQUERY ではありません) を使用して 5 つのリンクのみを表示し、残りを非表示にする方法です。画像またはテキストをクリックして表示する必要があります。をクリックして非表示にします。どうすればこの機能を実現できますか?現在表示されている: 私はリンク 1 私はリンク 2 私はリンク 3...

世界只因有你 2017-05-19 10:18:35 0  5  521

jQuery ダイアログ ボタンは無視されました。フォームの送信を続行します

次のフォーム コードがあり、JavaScript コードを以下に示します。問題は、 validateDialogForm() を実行すると、特定の条件が満たされた場合に jquery ダイアログ ボックスが表示されることです。確かにダイアログが数秒間表示されるのがわかりますが、ダイアログはそこに留まらず、フォームは引き続き送信されます。フォームを一定期間一時停止し、ユーザーが保存ボタンをクリックしたときにのみ送信するようにしたいと考えています。フォームが送信されないようにするために、 validateDialogForm() 関数の終了前に returnfalse; を追加しようとしましたが、

P粉832212776 2023-08-15 12:55:00 0  1  556