Я не эксперт по jQuery и javascript, но добился практически того, чего хотел. На https://wand -op-maat.nl вы видите настройщик вверху. При вводе значений в поля под ним меняются изображения и стены. Это было непросто, но я столкнулся с некоторыми проблемами при загрузке страниц.
значения в полях не всегда обновляют размеры изображения, при изменении поля оно всегда работает идеально.
Это пример одной из ниш в стене:
$("#nis1").bind('change load rightnow', function() {
if ($(this).is(':checked')) {
$("#nis1breedte, #inputnis1breedte").bind('change load paste keyup rightnow', function() {
var nis1breedte = ($( this ).val()) / 2;
$( "div.nis-1" ).width( nis1breedte + 'mm');
}).triggerHandler("rightnow");
$("#nis1hoogte, #inputnis1hoogte").bind('change load paste keyup rightnow', function() {
var nis1hoogte = ($( this ).val()) / 2;
$( "div.nis-1" ).height( nis1hoogte + 'mm');
}).triggerHandler("rightnow");
$("#nis1positielinks, #inputnis1positielinks").bind('change load paste keyup rightnow', function() {
var nis1positielinks = ($( this ).val()) / 2;
$( "div.nis-1" ).css( 'left', nis1positielinks + 'mm');
}).triggerHandler("rightnow");
$("#nis1positieonder, #inputnis1positieonder").bind('change load paste keyup rightnow', function() {
var nis1positieonder = ($( this ).val()) / 2;
$( "div.nis-1" ).css( 'bottom', nis1positieonder + 'mm');
}).triggerHandler("rightnow");
}
}).triggerHandler("rightnow");
Я надеюсь, что кто-то сможет направить меня в правильном направлении.
Если у вас есть какие-либо советы для моих jquery-кодов или настройщика, я также рад их услышать: -)
С уважением,
Филипп