0

幅が高さよりも大きい画像がありますが、jQueryの2番目のifステートメントを使用して出力しています。PHPセクターが複数の画像ファイルを出力することと関係があるのではないかと思います。そこで、idセレクターをclassセレクターに変更しましたが、バタバタしたくありません。誰かが私が間違っていることを知っていますか？私はこの問題で底を打った。

<?php $userid = $this->session->userdata('userid');
      $selectedId = $_REQUEST['id'];      
      $query1 = $this->db->query("SELECT * FROM userProfilePhotos p, userProfileAlbums a WHERE p.isAlbumCover = 'Yes' AND p.userid = a.userid AND a.userid = '{$selectedId}' AND a.albumId = p.albumId");
        foreach($query1->result() as $row1) {?>

    <script type="text/javascript">
    $(document).ready(function() {
    function heightOverWidth() {
        return '<div style="width: 102px; height: 136px; border-radius: 3pt; background-color: white; border: 1px solid #C1C1C1; padding: 10pt">'+
               '<img id="profileImg" alt="" height="130" src="<?=base_url().$row1->imgURI?>" width="100" />'+
               '</div><span class="link-font3"><?=$row1->albumName?></span> <span class="font1"> - <?=$row1->albumDesc?></span>';
    }
    var img = $(".profileImg");
    if (img.width() >= img.height()) {
        alert("1");
    } if (img.height() >= img.width()) {
        $("#albumList").append(heightOverWidth());
    }
    });
    </script>

<?php list($width, $height, $type, $attr) = getimagesize(base_url() . $row1->imgURI); ?>
<div id="albumList" style="padding: 10pt">
<img class="profileImg" style="display: none" alt="" height="<?=$height?>" width="<?=$width?>" src="<?=base_url().$row1->imgURI?>" />
</div>

<?php } ?>
4

1 に答える 1

3

width（）をattr（'width'）に変更し、heightと同じものにします。これにより、実際の幅と高さを取得しようとする代わりに、幅/高さの属性が読み取られます。ソリューションはdisplay：noneの要素として機能しません。目に見える寸法はありません。

于 2012-08-10T20:21:56.843 に答える