Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Передвижение картинки внутри div, смещение, прокрутка в div (https://javascript.ru/forum/misc/66708-peredvizhenie-kartinki-vnutri-div-smeshhenie-prokrutka-v-div.html)

ryslan-yc 04.01.2017 19:39

Передвижение картинки внутри div, смещение, прокрутка в div
 
Доброго времени суток!:thanks:
Вот есть одна задачка:write: которую нужно как то решить, сразу дам вам силку на демку:
http://ruslanuch.zzz.com.ua/html.html
Как видно перейдя по силке можно увидеть картинку и на ней (под ней)*
нарисован красный квадрат.
Так вот этот квадрат это div в котором лежит собственно рисунок (img).
Задачи:
1.Нужно сделать чтобы видно только ту часть картинки которая лежит в div.
2.Реализовать метод который:
this.picture = function(src_arr) {//меняет спрайт/картинку
        if(src_arr) {//если это set вызов
            if((typeof src_arr[0]) == "string") {//если мы меняем картинку
                spr = src_arr;
                this.img.src = src_arr[0];
            } else {//если меняем позицию (Вот здесь нужно работать)
                //поставить картинку которая src_arr = [X, Y]; X= по счету справа,  Y= по счету с верху
              //spr = [не трогать (путь к картинке), количество картинок по Х, количество картинок по Y]
            }
        } else {если это get вызов
            return spr;
        }
    };


Подскажите что как правильно сделать :help: , пожалуйста)


Часовой пояс GMT +3, время: 07:47.