0

ライト ボックス プラグインを開発したいので、いくつかの CSS を作成し、以下のスクリプトを作成しました。

$(function (){
   $("img").click(function() {
   var imp = $(this).attr('src');
   var i=700;
   var j=700;
   $(".box").html($("<img>").attr("width", i));
   $(".box").html($("<img>").attr("width", j));
   $(".box").html($("<img>").attr("src", imp));


  });
});


css

.box
        {
            position:absolute;
            top:20%;
            left:20%;
            width:auto;
            height:auto;
            background:#ffffff;
            z-index:999999;
            padding:10px;
            box-shadow:0px 0px 5px #444444;
            display:none;
        }

ここで.boxは、ユーザーがクリックしたときに画像を表示しているクラス div です。しかし、大きく表示したいので、幅属性を使用しましたが、変更されません。また、次の前の機能を追加して、ユーザーが次と前をクリックしたときに画像を次の画像に変更したいと考えています。誰でも助けることができますか？

4

2 に答える 2

1

これを試して、

$(function (){
    $("img").click(function() {
    var imp = $(this).attr('src');
    var i=700;
    var j=700;
    $img=$("<img>");
    $(".box").html($img);
    $img.width(i);
    $img.attr('src',imp);
    });
});
于 2013-05-29T07:16:36.833 に答える