Houn

Web制作

公開日:2019.08.06

更新日:2022.11.23

【jQuery】画像の表示・非表示を切り替える

【jQuery】画像の表示・非表示を切り替える

クリックすると、隠れてた画像が表示される仕様を組んでみました。

実例的には”閲覧注意”の画像をサイト内に設置する必要があったからです。標準を非表示にして、クリックして初めて画像が現れるようにしました。

「表示するぞ?!いいんだな?」ってワンクッション置く感じでしょうか。

以下サンプルです。コピペで使えます。

HTML

CSS

jQuery

サイト保守契約の便利ツール

Webサイトの保守業務委託においては、毎月定額の決済をお願いするのが一般的だと思います。

決済方法として便利なのがクレジットカード自動引き落とし。一度顧客に手続きいただければ毎月自動で決済してくれるので、制作会社側も顧客側も何の手間もかかりません。

当事務所で導入しているのがSquare(スクエア)

導入は無料で、コストはクレジット決済手数料(3%)のみ。

毎月請求書を送る、未払いがないかチェックする‥などの手間が省けるなら安いものです。

制作会社、顧客ともに手続き操作もカンタンですし、こちらの記事で解説もしていますので、ご参考ください。

保守費決済のほか、ちょっとした小額の決済も決済リンクを送ってすぐ完了。

非常にラクでオススメです。まずはアカウント登録して、一度使い心地を試してみてください。

Square(スクエア)

無料相談はこちら