【.attr()】クリックしたサムネイルにメイン画像を切り替え｜DAD UNION – エンジニア同盟

今回は、jQueryの .attr() メソッドを使用して、クリックしたサムネイル画像をメイン画像に切り替える方法について解説します。この手法は、商品カタログサイトやギャラリーなど、さまざまな場面で利用できるため、エンジニアにおすすめです。 具体的には、imgタグの src 属性を jQuery の .attr() を使って書き換える方法を説明していきます。 サムネイルとメイン画像のCSSの記述 まず、サムネイル画像エリア（.boxwrap .simg）とメイン画像エリア（.boxwrap .bimg）のCSSスタイルを定義します。以下のコードを元に、必要に応じてCSSの調整を行ってください。 <style> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"ＭＳ Ｐゴシック",Arial

[you1tech]

誰かが作ったプラグインを使わないこれがシンプルで一番いいです。