Позиция персонализации

Сделал персонализацию как в четверке, но остался косяк - нет возможности менять положение загруженной картинки по высоте. Можно ли как-нибудь добавить кнопку, нажав на которую, пользователь попадал в настройку, где он смог бы поменять положение картинки по высоте - т.е. по оси Y (как в четверке)?

Вот код персонализации (в самом верху шаблона customizeProfile):

#customBackground{
<if test="hasBackgroundColor:|:$member['customization']['bg_color']">
        background-color: #{$member['customization']['bg_color']} !important;
    </if>
    <if test="hasBackgroundImage:|:$member['customization']['_bgUrl']">
        background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important;
        <if test="backgroundIsFixed:|:! $member['customization']['bg_tile']">
            background-position: 50% 50%;
            background-repeat: no-repeat;
            -webkit-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            background-size: cover;
        <else />
            background-position: 50% 50%;
            background-repeat: repeat;
        </if>
    </if>
    height: 330px;
    margin: -9px -9px 0 -9px;

За положение картинки по высоте отвечает строка:

background-position: 50% 50%;

Идея состоит в том, чтобы создать настройку, в которой пользователь смог бы поменять цифру 50% на свою (желательно с помощью скрипта, подвигав картинку).

Возможно ли такое реализовать с помощью Javascript? Готов заплатить.

Edited 31 января, 20178 yr by benix