doumiao0498 2015-08-30 21:13
浏览 46
已采纳

如何显示文件夹codeigniter中的原始图像

I am trying to display image from its original folder. I want to display the original image in a 1366x768 window.

When I change

<?php $width = 1366;$height = 768; ?>

height in this line, it automaticaly display crop the image in this height and width.

<div class="white_box">
<div class="box-body">
<span class="hide WallHashID"><?php echo $wallpaper->wallpaper_hash; ?></span>
<?php $width = 1366;
$height = 768; ?>
<div class="row">
<div class="col-sm-12">
    <div class="wallpaper_image">
        <img class="thumbnail img-responsive"
             style="width:100%; height:auto; display:block; max-width:<?php echo $width; ?>px;max-height: <?php echo $height; ?>px;"
             src="<?php echo $this->image_workshop->crop_image(ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path, $width, $height, $wallpaper->wallpaper_crop_position, 'thumbnail'); ?>"
             alt="<?php echo $wallpaper->wallpaper_name; ?>">
        </div>
      </div>
    </div>
  </div>
</div>
<?php } ?>

</div>
  • 写回答

2条回答 默认 最新

  • dpjj4763 2015-08-31 09:15
    关注

    You don't have to use $this->image_workshop->crop_image function, or any other function to process the image. You can use the absolute path of the image and style it with css or with html attributes height and width. For example style it with css:

    <img class="thumbnail img-responsive"
                 style="width:<?php echo $width;?>px; height:<?php echo $height;?>px; display:block; max-width:<?php echo $width; ?>px;max-height: <?php echo $height; ?>px;"
                 src="<?php echo ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path ; ?>"
                 alt="<?php echo $wallpaper->wallpaper_name; ?>">
    

    Or with html tag attributes:

    <img class="thumbnail img-responsive"
                     width="<?php echo $width;?>" 
                     height="<?php echo $height;?>"
                     src="<?php echo ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path ; ?>"
                     alt="<?php echo $wallpaper->wallpaper_name; ?>">
    

    The down side is that you would load the full size image in the browser, where it gets resized. If you care about the information size for the picture, you should create the thumbnails versions as you upload the original. Then use thumbnail version of the image.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 华为ensp使用基本ACL限制公司网络访问
  • ¥15 帮我做下照片上的PLC题
  • ¥15 labview2022 使用modbus报缺少依赖?
  • ¥15 谷歌地图是不是不开通结算功能,api会使用不了哦
  • ¥15 unity腾讯云对象存储机型适配
  • ¥15 求全国交通咨询模拟代码,要求如下,可以完全在dev c++运行
  • ¥15 根据要求修改程序编码
  • ¥15 用 Python 做一个用 Excel 表导入的答题系统
  • ¥15 使用微信开发者工具实现一个“婚博会”小程序
  • ¥15 ros的rviz仿真机器人