Valeur du curseur JQuery avec l'entrée générée par PHP - php, javascript, jquery, jquery-ui, jquery-ui-slider

Ci-dessous mon code, tout est opérationnel sauf la liaison dynamique des curseurs à chaque champ de saisie. Voici mon page en direct

<?php $dirname="panos/" ; $images=g lob($dirname. "*.jpg");
foreach($images as $image) {
$imageName=s ubstr($image, -14); echo "
<img src="/images/resize.php?w=450&amp;img=".$image. "" />
<input    id="".$imageName. "-slider"/>
<br />
<div style="width:450px" id="".$imageName. "" class="slider"></div>
"; } ?>
<script>
$(function () {
$(".slider").each(function () {
$(this).slider({
value: 0,
min: 0,
max: 360,
step: 1,
stop: function (event, ui) {
var v = $(this).attr("id")
var n = $(this).slider("value")
$("#" + v + "-slider").val(n);
window.alert(v)
},
create: function (event, ui) {
var v = $(this).attr("name")
var n = $(this).slider("value")
$("#" + v + "-slider").val("0");
}
});
})
});
</script>

Réponses:

DEVINER!!! Les fichiers qui étaient extraits par le PHP avaient ".jpg" au milieu! Et même s’il s’agit d’un nom d’identité valide, il a fini par en gâcher la partie jQuery! Je viens de faire ça

$imageNameLong = substr($image, -14);
$imageName = substr($imageNameLong,0 , -4);

et a enlevé ce ".jpg" et maintenant cela fonctionne parfaitement !!!