サムネイルにカーソルを合わせるとサムネイルがズームインしますが、元の画像の境界を超えてサイズ変更されないエフェクトを作成するための css または javascript/jquery ソリューションを探していました。例として、サイトhttp://venablesbell.com/にアクセスし、下のサムネイルのいずれかにカーソルを合わせます (カーソルを合わせるとズームアウトしますが、ズームインしたいです)。
すべての親指をそれぞれ独自の iframe に配置し、ホバー時にサムネイルの幅/高さを等しく変更する簡単な css を作成することを考えていましたが、より良い解決策があるかどうか疑問に思っていました。
任意の洞察をいただければ幸いです。ありがとうございました!