エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
昔からよく見かける動きですが、下のように「複数の小さな画像(サムネイル)をクリック(タップ)する... 昔からよく見かける動きですが、下のように「複数の小さな画像(サムネイル)をクリック(タップ)すると、メインの大きな画像が切り替わる」という機能を実装する機会がありました。 小さな画像をクリック(タップ)するとメインの大きな画像が切り替わる この実装って、最近ではlabel,input要素を使って、JavaScriptを使わずに似たようなことができる方法もありますね。 私は通常はlabel,input要素を使って実装していますが、コードの書き方、見せ方によってはJavaScriptを使う必要もありました。 いろんなパターンで実装できることを覚えておくと、今後使える選択肢が増えるので、この機会にやりかたをメモ書きました。 クリック(タップ)で画像を切り替えるサンプルcodepenにサンプルを書きましたので「似たようなことがしたい」という場合は、ご参考ください。 html<div id="con