[英]filling ul li with images
我對ul li有問題
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
我需要把所有的李與JavaScript
但是請沒有這個例子:
$("ul").html("<li><img src='something' /></li>");
因為我需要這個ul li才能加載javascript。
我希望在javascript之后看起來像:
<ul>
<li><img src='something' /></li>
<li><img src='something' /></li>
<li><img src='something' /></li>
<li><img src='something' /></li>
</ul>
我的問題是:如何用圖像填充所有內容。
和javascript一起使用for循環。 因為也許我有這個變體:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
4 li和只有2個圖像,看起來像這樣:
<ul>
<li><img src='something' /></li>
<li><img src='something' /></li>
<li></li>
<li></li>
</ul>
我希望我能解釋一下。 不管怎么說,還是要謝謝你
我的PHP代碼:
<?php
session_start();
include_once('connect.php');
$path = "../uploads/";
$i = -1;
foreach($_FILES['files']['name'] as $key => $name) {
$i++;
$image_info = getimagesize($_FILES['files']['tmp_name'][$key]);
$image_width = $image_info[0];
$image_height = $image_info[1];
if($image_width > $image_height) {
$height = $image_height;
$width = $height;
} else if($image_width < $image_height) {
$width = $image_width;
$height = $width;
} else {
$width = $image_width;
$height = $image_height;
}
$canvas = imagecreatetruecolor($width, $height);
$current_image = imagecreatefromjpeg($_FILES['files']['tmp_name'][$key]);
imagecopy($canvas, $current_image, 0, 0, ($image_width/2)-($width/2), ($image_height/2)-($height/2), $width, $height);
imagejpeg($canvas, $path.'cropped_'.$name, 100);
echo
"
<script type='text/javascript'>
var _img = document.createElement('img');
_img.src = 'uploads/".$name."';
$('.image-upload ul li:nth(".$i.")').append(_img);
</script>
";
}
?>
var _ul=document.getElementByTagName('ul');
var _list=_ul.getElementsByTagName('li');
for (var i=0;i<=_list.length;i++)
{
var _img=document.createElement('img');
_img.src="something";
_img.id="foo"+i;
_list[i].appendChild(_img);
}
您不必使用循環就可以用圖像填充所有li
標簽。 采用,
$("li").append("<img src='something' />");
如果要為前2個li
標簽添加圖像,請像這樣使用
$("li:lt(2)").append("<img src='something' />");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.