我正在尝试加载正在调整大小并使用 PHP 加载的图像文件夹。我现在正在尝试显示唯一的文本框,其中滑块的值将按原样显示。
以下是我对此的尝试。除了正确链接到每个滑块的唯一框外,我一切正常。这也是我刚刚添加的实时页面!http://go3dexpansion.com/showings/generatesim/
* 顺便说一句,上面的实时页面可能会改变,因为我们说话时我仍在努力!:) **
<script>
$(function() {
$(".slider").each(function() {
$(this).slider({
value:0,
min: 1,
max: 360,
step: 1,
slide: function( event, ui ) {
var v = this.id
$(v).each(function(){
$(this).val( ui.value );
});
}
});
});
});
</script>
<?php
$dirname = "panos/";
$images = glob($dirname."*.jpg");
foreach($images as $image) {
echo '
<img src="resize.php?w=450&img='.$image.'" />
<input type="text" id="',$image,'" />
<br />
<div style="width:450px" id="',$image,'-slider" class="slider"></div>
';
}
?>