php - ユーザーがホバーまたはクリックしたときに画像を展開する - 最小限の労力で

Question

ユーザーが画像をクリックしたり、カーソルを合わせたりしたときに、Web ページ上の画像を拡大したいと考えています。

これには JavaScript ソリューションが必要だと思いますが、私は JS について何も知らないので、どこにいるべきかわかりません。

最小のインストール、学習曲線、または私の側のコーディング作業で無料のソリューションを提案できる人はいますか?

前もって感謝します。

Answer 1

JQueryの使用をお勧めします。

画像にクラスを与えるだけで、JavaScript で次のように指定できます。

$(document).ready(function(){
    // expand on click
    $('.my_image').click(function(){
    $(this).css({'height' : '500px', 'width' : '500px'}) 
    });
    // expand on hover
    $('.my_image').hover(function(){
    $(this).css({'height' : '500px', 'width' : '500px'}) 
    });

)}

明らかに、希望する寸法に設定します。

Answer 2

あなたが探しているのはライトボックスと呼ばれるものです

これはかなり簡単に見えます。