カテゴリー
CSS HTML jQuery Webサイト作成

目次の表示/非表示

こんにちは、エムケーワイです。 本サイトの投稿ページの目次は、大見出し(h2要素)だけのシンプルな目次ですが、プラグインを使わずに作っています。 あまりにシンプルなので、せめて表示/非表示を切り替えられるようにしてみまし […]

カテゴリー
CSS HTML jQuery Webサイト作成

タブ表示

こんにちは、エムケーワイです。 投稿ページ作成の際、画像のファイルサイズをより小さくするために使っているEWWW Image Optimizerの設定画面は、下図のように設定項目がタブで分けられています。 タブはどのよう […]

カテゴリー
CSS HTML jQuery Webサイト作成

CSSアニメーション

こんにちは。エムケーワイです。 先日、北海道、首都圏4都県、近畿3府県を除く全国39県で新型コロナウイルスによる緊急事態宣言が解除されました。 そして本日(2020年5月21日)近畿3府県でも解除されたことを受け、ちょっ […]

カテゴリー
CSS HTML jQuery Webサイト作成

画像の表示方法あれこれ

いろいろなWebサイトで、スクロールしていくと画像がフェードインしてきたり、上下左右からスライドしながら出現したりするのを見かけます。 実現方法をネットで調べると、例えばX方向にスライドしながら出現させる場合は、 CSS […]

カテゴリー
CSS HTML jQuery PHP Webサイト作成 WordPress

カルーセルスライダー

今回は複数の画像が順次横にスライドして表示されるカルーセルスライダーを実装してみました。 と言っても初心者が自力で1から実装するには甚だハードルが高いのでプラグインの力を借りました。 ネットで調べてみたところ、&#822 […]

カテゴリー
CSS HTML jQuery Webサイト作成 WordPress

画像クリックで拡大画像をモーダル表示する

今回は画像をクリックしたら拡大画像がモーダル表示されるようにしてみます。 モーダル表示とは、何らかのアクション(例えば画像のクリック)によって別ウィンドウをページの上に表示することです。 一般的に別ウィンドウの周囲には元 […]