サイズ変更され、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>
';
}
?>