个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
27
4
大家好，谢谢大家
请帮助我修复下面的 html 代码，我试图在每次用户/浏览器刷新页面时刷新图像(随机顺序)，此时它工作正常。但是图像不会自动调整大小以适应屏幕，换句话说，如果图像比屏幕大，那么我必须向下/向右滚动才能看到图像请帮我解决这个让我发疯的问题
我必须将文件夹命名为domain.com/index.php包含所有图像的 domain.com/images 文件夹
<!DOCTYPE html>
<html>
<body style="background-color:transparent;">
<style type="text/css">
.myImage
{
// margin: auto;
// display: block;
height: auto;
width: auto;
// padding: 0px;
//object-fit: contain
// overflow-x: auto;
// white-space: nowrap;
}
</style>
<?php
$folder = opendir(images);
$i = 0;
while(false !=($file = readdir($folder))){
if($file != "." && $file != ".."){
$images[$i]= $file;
$i++;
}
}
$random_img=rand(0,count($images)-1);
echo '<img src="images/'.$images[$random_img].'" alt="image" class="myImage" ';
?>
</body>
</html>最佳答案
首先，您没有关闭标签。您缺少结束符 >。我知道当你已经做了一段时间的工作时，这些东西有时很容易被忽略。
它应该是这样的:
echo '<img src="images/'.$images[$random_img].'" alt="image" class="myImage">';
您可能能够解决您的问题，但将这部分 HTML 放在另一个 div 中并为该 div 定义一个宽度，使其小于您的屏幕尺寸。
例如:
echo '<div class="imgbox">';
echo '<img src="images/'.$images[$random_img].'" alt="image" class='myImage'>';
echo '</div>';
然后使用固定像素或响应百分比为其添加 CSS
.imgbox{
width: px OR %;
height: px OR %;
}
编辑:
<!DOCTYPE html>
<html>
<body style="background-color:transparent;">
<style type="text/css">
.myImage{
// margin: auto;
// display: block;
height: auto;
width: auto;
// padding: 0px;
//object-fit: contain;
// overflow-x: auto;
// white-space: nowrap;
}
.imgbox{
width: set px OR % values here;
height: set px OR % values here;
}
</style>
<?php
$folder = opendir(images);
$i = 0;
while(false !=($file = readdir($folder))){
if($file != "." && $file != ".."){
$images[$i]= $file;
$i++;
}
}
$random_img=rand(0,count($images)-1);
echo '<div class="imgbox">';
echo '<img src="images/'.$images[$random_img].'" alt="image" class="myImage">';
echo '</div>';
?>
</body>
</html>
关于php - html/php 随机图像生成器 - 根据屏幕尺寸对齐图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48673702/
27
4
0
我使用以下代码和嵌套生成器迭代文本文档并使用 get_train_minibatch() 返回训练示例。我想保留( pickle )生成器，这样我就可以回到文本文档中的相同位置。但是，您不能 pick
在本教程中，您将借助示例了解 JavaScript 生成器。在 JavaScript 中，生成器提供了一种使用函数和迭代器的新方法。 使用生成器， 您可以从函数内部的任何位置停止执行函数 并从
LESS is very cool .我一直想知道是否有任何好的 html 生成器可以让我更轻松地编写表单或做其他事情。除了 html，是否有一些类似的东西？ 最佳答案 已尝试 Haml ？ 从它的网
前言 如果是做python或者其他语言的小伙伴，对于生成器应该不陌生。但很多php开发者或许都不知道生成器这个功能，可能是因为生成器是php 5.5.0才引入的功能，也可以是生成器作用不是很明显。
我正在尝试编写一个使用生成器语法生成日期时间列表的函数: let dateRange = let endDate = System.DateTime.Parse("6/1/2010")
我遇到了一些看起来像的代码: [func(val) for val in iterable] 有一个可迭代对象(在我的例子中是一个生成器)，用户想要为其副作用调用每个值的函数(例如 func 可以只是
Delphi 有内置的东西来生成 UUID 吗？ 最佳答案 program Guid; {$APPTYPE CONSOLE} uses SysUtils; var Uid: TGuid; Result
我正在深入研究 javascript 生成器，但我真的很困惑。 我使用 node@0.11.x 运行此示例: function find() { process.nextTick(functi
有人知道一些关于如何为 hibernate 创建自定义 ID 生成器的好教程吗？ 最佳答案 在 Google 上粗略搜索“hibernate 自定义 id 生成器教程”发现了以下可能性。我排除了那些看
我正在关注 Python 大师 David Beazley 的幻灯片。它指出“生成器也用于并发。这是一个示例: from collections import deque def countdown(
我有一个生成事件的生成器，我想用可以从 API 获取的附加元数据来丰富它。 某些事件具有与其链接的对象 ID，而其他事件则具有对象的哈希值，但不能同时具有两者。我无法根据哈希获取对象 id，我只能执行
假设我有一个自定义类: public class CustomClass { private String name; private String data; public
我正在考虑实现一个函数来在 SQL 请求中“构建”WHERE 子句，如下所示: "SELECT * FROM table $where" 使用如下所示的循环构建 $where: $arr=array(
我正在寻找执行此操作的标准函数: def Forever(v): while True: yield v 这看起来太琐碎了，我不敢相信没有标准版本。 就此而言，有人知道指向所有标准生成器函
我知道这个网站上有几个非常相似的相关问题，但是在看了这部剧之后，我相信这个问题本身就是独一无二的。如果有人能找到并提供证据证明我的问题完全被骗了，我会自己撤回它(所以请不要否决这个!)。 我是 Jav
void __fastcall TForm1::Button1Click(TObject *Sender) { int size = MemoEnter->GetTextLen() + 1;
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我试图在我的生成器的以下两个定义之间做出决定。哪个更好？哪个“更像 python ”？无论如何，有没有办法减轻每一个的缺点？ def myGenerator1(howMany): result
我有一个 Python 生成器 lexg，它在每次迭代时生成一个列表。该代码似乎在传统的 for 循环意义上工作，即 for i in lexg(2,2): print(i) 产生: [2, 0] [
我希望这不会超出 Python 生成器的能力，但我想构建一个这样，每次调用该函数时，它都会返回下一分钟直到结束时间。 因此该函数读取开始时间和结束时间，并以分钟为单位返回时间，直到涵盖其间的所有时间。
我是一名优秀的程序员,十分优秀！