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>

图片转代码服务由CSDN问答提供 功能建议

我正在尝试显示原始文件夹中的图像。 我想在1366x768窗口中显示原始图像。

当我更改

 &lt;?php $ width = 1366; $ 身高= 768;  ?&gt; 
   
 
 

此行中的高度,它会自动显示以此高度和宽度裁剪图像。

 &lt; div class =”white_box“&gt; 
 
&lt; div class =”box-body“&gt; 
 
&lt; span class =”hide WallHashID“  &gt;&lt;?php echo $ wallpaper-&gt; wallpaper_hash;  ?&gt;&lt; / span&gt; 
 
&lt;?php $ width = 1366; 
 
 $ height = 768;  ?&gt; 
 
&lt; div class =“row”&gt; 
 
&lt; div class =“col-sm-12”&gt; 
 
&lt; div class =“wallpaper_image”&gt; 
 \  n&lt; img class =“thumbnail img-responsive”
 
 style =“width:100%; height:auto; display:block; max-width:&lt;?php echo $ width;?&gt; px; max  -height:&lt;?php echo $ height;?&gt; px;“
 
 
ssrc =”&lt;?php echo $ this-&gt; image_workshop-&gt; crop_image(ORIGINALS_FOLDER_WF。'/'。$ wallpaper-&gt  ; wallpaper_image_path,$ width,$ height,$ wallpaper-&gt; wallpaper_crop_position,'thumbnail');?&gt;“
 
 alt =”&lt;?php echo $ wallpaper-&gt; wallpaper_name;?&gt;“&gt;  
 
&lt; / div&gt; 
 
&lt; / div&gt; 
 
&lt; / div&gt; 
 
&lt; / div&gt; 
 
&lt; / div&gt; 
 
&lt;?  php}?&gt;   
 
  
 
  
 
 
 
  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

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条)

相关推荐 更多相似问题