Php 等于带有按钮的缩略图的高度
我有以下代码:Php 等于带有按钮的缩略图的高度,php,html,css,Php,Html,Css,我有以下代码: foreach ($images as $key => $value) { $items[$key]['weight'] = $value['fid'].'_'.$value['weight'] ; $items[$key]['image'] = '<a href="'.image_url($value['uri']).'" data-lightbox="gallery-image_'.$value['fid'].'">'.image_load($value['
foreach ($images as $key => $value)
{
$items[$key]['weight'] = $value['fid'].'_'.$value['weight'] ;
$items[$key]['image'] = '<a href="'.image_url($value['uri']).'" data-lightbox="gallery-image_'.$value['fid'].'">'.image_load($value['uri'],array("class"=>"img-thumbnail","thumbs"=>"medium")).'</a>' ;
$items[$key]['title'] = '<span id="title_file_'.$value['fid'].'">'.$value['title'].'</span>' ;
//$cover = "<a href='javascript:void(0);' onclick='javascript:gallery_cover(\"".$value['fid']."\"); return false;' id='gallery_cover_".$value['fid']."' data-toggle='tooltip' class='data-tooltip' data-placement='top' data-original-title='Top' id='tooltip1'><span class='btn btn-default btn-sm glyphicon glyphicon-eye-".(isset($gallery_cover['value']) && $gallery_cover['value']==$value['fid']?'open':'close')."'></span></a>" ;
$edit = "<a href='javascript:void(0);' onclick='javascript:update_file(\"".$value['fid']."\"); return false;' class='btn btn-info' data-toggle='tooltip' class='data-tooltip' data-placement='top' data-original-title='Modifier' id='tooltip1'>Modifier</a>" ;
$delete = "<a href='javascript:void(0);' onclick='javascript:delete_added_image(\"".$value['fid'].'_'.$value['weight']."\"); return false;' class='btn btn-default' data-toggle='tooltip' class='data-tooltip' data-placement='top' data-original-title='Supprimer' id='tooltip1'>Supprimer</a>" ;
$items[$key]['actions'] = $edit." ".$delete ;
}
foreach($images as $key => $value)
{
if ($key % 4 == 0)
echo "<div class=\"row\">" ;
echo "<div class=\"col-md-3\">" ;
echo "<div class='thumbnail' style='min-height:280px;height:280px;'>".$items[$key]['image'] ."
<div>
<h4 style='min-height:50px;'>".$items[$key]['title']."</h4>
<p>".$items[$key]['actions']."</p>
</div>
</div>" ;
echo "</div>" ;
foreach($key=>value的图像)
{
$items[$key]['weight']=$value['fid']。“'.'$value['weight'];
$items[$key]['image']='';
$items[$key]['title']='.$value['title'].';
//$cover=“”;
$edit=“”;
$delete=“”;
$items[$key]['actions']=$edit.“$delete;
}
foreach($key=>$value的图像)
{
如果($key%4==0)
回声“;
回声“;
回显“.$items[$key]['image']”
“$items[$key]['title']”
“$items[$key]['actions']”
" ;
回声“;
}
结果是:
我希望每个拇指都有一个固定的按钮和标题。 有什么解决办法吗
谢谢真的,你应该创建特定尺寸的缩略图,这样就不会有问题了。如果你不能/不会/不管怎样,那么试试css:
<style>
.crop {
width: 200px;
height: 150px;
overflow: hidden;
}
.crop img {
width: 300px;
height: 225px;
margin: -75px 0 0 -100px;
}
</style>
<div class="crop"><img src="1.jpg"></div>
<div class="crop"><img src="2.jpg"></div>
.作物{
宽度:200px;
高度:150像素;
溢出:隐藏;
}
.作物img{
宽度:300px;
身高:225px;
利润率:-75px0-100px;
}
这将调整大小并进行裁剪
祝您好运:)您可能需要为所有imagestry添加固定的宽度和高度
max height
alsois是否有一种不编辑css文件的方法?