Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Обработка событий мыши при выделении области картинки (https://javascript.ru/forum/dom-window/29815-obrabotka-sobytijj-myshi-pri-vydelenii-oblasti-kartinki.html)

devote 20.07.2012 10:23

веснушка,
посмотрите первый мой пост, так вы хотите? или я что-то не понял?

веснушка 20.07.2012 10:46

да!
объясните, если можно, зачем нам столько дивов?
box = document.createElement('div'),
 bg = document.createElement('div'),
close = document.createElement('div'),
win = document.createElement('div');

и почему обработка загрузки картинки на win а не на box?

devote 20.07.2012 10:48

box - дивак просто является контейнером для всех остальных диваков
bg - задний фон, если вы не заметили, то при появлении окна картинка немного затемняется, вот это он и делает.
close - кнопка закрытия окна
win - само окно в котором текст

веснушка 20.07.2012 10:55

ясно. а можно же задать размеры загружаемой картинки?
win.onclick = function() {
	                var image = new Image();
	                image.onload = function() {
	                    img.parentNode.removeChild( box );
                            img.width=image.width;
                            img.height=image.height;
	                    img.src = image.src;
	                }
                    image.width='600px';
                    image.height='400px';
	                image.src = 'http://dreaminginpictures.files.wordpress.com/2010/06/roses.jpg';
                }

вот так не работает, картинка не грузится

devote 20.07.2012 10:59

win.onclick = function() {
    var image = new Image();
    image.onload = function() {
        img.parentNode.removeChild( box );
                         
        img.style.width = '600px';
        img.style.height = '400px';

        img.src = image.src;
    }
    image.src = 'http://dreaminginpictures.files.wordpress.com/2010/06/roses.jpg';
}

веснушка 20.07.2012 11:04

а можно на заново загруженной картинке запретить всплывающее окно?
просто перешли на новую картинку и все.

devote 20.07.2012 11:06

img.onmousedown = null;

веснушка 20.07.2012 11:22

о. и, надеюсь, последний вопрос :-[
а можно изображение поставить так, чтобы оно рисовалось на всю возможную область, а не ту, на которой первая картинка была?

devote 20.07.2012 11:24

img.style.width = '100%';
img.style.height = '100%';

веснушка 23.07.2012 16:42

скажите, пожалуйста, а как убрать крестик из первого выпадающего окна?
я просто убрала close, но место для него осталось смотрится странно. и можно ли сделать так, чтобы картинка, загруженная по клику мыши, загружалась в подобное выпадающее окно с крестиком, а исходная картинка при этом не пропадала?


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