Show More
@@ -1,99 +1,101 b'' | |||||
1 | /* |
|
1 | /* | |
2 | @licstart The following is the entire license notice for the |
|
2 | @licstart The following is the entire license notice for the | |
3 | JavaScript code in this page. |
|
3 | JavaScript code in this page. | |
4 |
|
4 | |||
5 |
|
5 | |||
6 | Copyright (C) 2013 neko259 |
|
6 | Copyright (C) 2013 neko259 | |
7 |
|
7 | |||
8 | The JavaScript code in this page is free software: you can |
|
8 | The JavaScript code in this page is free software: you can | |
9 | redistribute it and/or modify it under the terms of the GNU |
|
9 | redistribute it and/or modify it under the terms of the GNU | |
10 | General Public License (GNU GPL) as published by the Free Software |
|
10 | General Public License (GNU GPL) as published by the Free Software | |
11 | Foundation, either version 3 of the License, or (at your option) |
|
11 | Foundation, either version 3 of the License, or (at your option) | |
12 | any later version. The code is distributed WITHOUT ANY WARRANTY; |
|
12 | any later version. The code is distributed WITHOUT ANY WARRANTY; | |
13 | without even the implied warranty of MERCHANTABILITY or FITNESS |
|
13 | without even the implied warranty of MERCHANTABILITY or FITNESS | |
14 | FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. |
|
14 | FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. | |
15 |
|
15 | |||
16 | As additional permission under GNU GPL version 3 section 7, you |
|
16 | As additional permission under GNU GPL version 3 section 7, you | |
17 | may distribute non-source (e.g., minimized or compacted) forms of |
|
17 | may distribute non-source (e.g., minimized or compacted) forms of | |
18 | that code without the copy of the GNU GPL normally required by |
|
18 | that code without the copy of the GNU GPL normally required by | |
19 | section 4, provided you include this license notice and a URL |
|
19 | section 4, provided you include this license notice and a URL | |
20 | through which recipients can access the Corresponding Source. |
|
20 | through which recipients can access the Corresponding Source. | |
21 |
|
21 | |||
22 | @licend The above is the entire license notice |
|
22 | @licend The above is the entire license notice | |
23 | for the JavaScript code in this page. |
|
23 | for the JavaScript code in this page. | |
24 | */ |
|
24 | */ | |
25 |
|
25 | |||
26 | function addImgPreview() { |
|
26 | function addImgPreview() { | |
27 | var margin = 20; //..change |
|
27 | var margin = 20; //..change | |
28 |
|
28 | |||
29 | //keybind |
|
29 | //keybind | |
30 | $(document).on('keyup.removepic', function(e) { |
|
30 | $(document).on('keyup.removepic', function(e) { | |
31 | if(e.which === 27) { |
|
31 | if(e.which === 27) { | |
32 | $('.img-full').remove(); |
|
32 | $('.img-full').remove(); | |
33 | } |
|
33 | } | |
34 | }); |
|
34 | }); | |
35 |
|
35 | |||
36 | $('body').on('click', '.thumb', function() { |
|
36 | $('body').on('click', '.thumb', function() { | |
37 | var el = $(this); |
|
37 | var el = $(this); | |
38 | var thumb_id = 'full' + el.find('img').attr('alt'); |
|
38 | var thumb_id = 'full' + el.find('img').attr('alt'); | |
39 |
|
39 | |||
40 | if(!$('#'+thumb_id).length) { |
|
40 | if(!$('#'+thumb_id).length) { | |
41 |
var img |
|
41 | var imgElement= el.find('img'); | |
42 | var img_h = el.find('img').attr('data-height'); |
|
42 | ||
|
43 | var img_w = imgElement.attr('data-width'); | |||
|
44 | var img_h = imgElement.attr('data-height'); | |||
43 |
|
45 | |||
44 |
var win |
|
46 | var win = $(window); | |
45 | var win_h = $(window).height(); |
|
47 | ||
|
48 | var win_w = win.width(); | |||
|
49 | var win_h = win.height(); | |||
46 | //new image size |
|
50 | //new image size | |
47 | if (img_w > win_w) { |
|
51 | if (img_w > win_w) { | |
48 | img_h = img_h * (win_w/img_w) - margin; |
|
52 | img_h = img_h * (win_w/img_w) - margin; | |
49 | img_w = win_w - margin; |
|
53 | img_w = win_w - margin; | |
50 | } |
|
54 | } | |
51 | if (img_h > win_h) { |
|
55 | if (img_h > win_h) { | |
52 | img_w = img_w * (win_h/img_h) - margin; |
|
56 | img_w = img_w * (win_h/img_h) - margin; | |
53 | img_h = win_h - margin; |
|
57 | img_h = win_h - margin; | |
54 | } |
|
58 | } | |
55 |
|
59 | |||
56 | var img_pv = new Image(); |
|
60 | var img_pv = new Image(); | |
57 | $(img_pv) |
|
61 | var newImage = $(img_pv); | |
58 |
|
|
62 | newImage.addClass('img-full') | |
59 | .attr('id', thumb_id) |
|
63 | .attr('id', thumb_id) | |
60 | .attr('src', $(el).attr('href')) |
|
64 | .attr('src', $(el).attr('href')) | |
61 | .appendTo($(el)) |
|
65 | .appendTo($(el)) | |
62 | .css({ |
|
66 | .css({ | |
63 | 'width': img_w, |
|
67 | 'width': img_w, | |
64 | 'height': img_h, |
|
68 | 'height': img_h, | |
65 | 'left': (win_w - img_w) / 2, |
|
69 | 'left': (win_w - img_w) / 2, | |
66 | 'top': ((win_h - img_h) / 2) |
|
70 | 'top': ((win_h - img_h) / 2) | |
67 | }) |
|
71 | }) | |
68 | //scaling preview |
|
72 | //scaling preview | |
69 | .mousewheel(function(event, delta) { |
|
73 | .mousewheel(function(event, delta) { | |
70 | var cx = event.originalEvent.clientX, |
|
74 | var cx = event.originalEvent.clientX, | |
71 | cy = event.originalEvent.clientY, |
|
75 | cy = event.originalEvent.clientY, | |
72 |
i_w = parseFloat( |
|
76 | i_w = parseFloat(newImage.width()), | |
73 |
i_h = parseFloat( |
|
77 | i_h = parseFloat(newImage.height()), | |
74 | newIW = i_w * (delta > 0 ? 1.25 : 0.8), |
|
78 | newIW = i_w * (delta > 0 ? 1.25 : 0.8), | |
75 | newIH = i_h * (delta > 0 ? 1.25 : 0.8); |
|
79 | newIH = i_h * (delta > 0 ? 1.25 : 0.8); | |
76 |
|
80 | |||
77 |
|
|
81 | newImage.width(newIW); | |
78 |
|
|
82 | newImage.height(newIH); | |
79 | //set position |
|
83 | //set position | |
80 |
|
|
84 | newImage.css({ | |
81 | .css({ |
|
|||
82 | left: parseInt(cx - (newIW/i_w) * (cx - parseInt($(img_pv).position().left, 10)), 10), |
|
85 | left: parseInt(cx - (newIW/i_w) * (cx - parseInt($(img_pv).position().left, 10)), 10), | |
83 | top: parseInt(cy - (newIH/i_h) * (cy - parseInt($(img_pv).position().top, 10)), 10) |
|
86 | top: parseInt(cy - (newIH/i_h) * (cy - parseInt($(img_pv).position().top, 10)), 10) | |
84 | }); |
|
87 | }); | |
85 |
|
88 | |||
86 | return false; |
|
89 | return false; | |
87 | } |
|
90 | } | |
88 | ).draggable({ |
|
91 | ).draggable({ | |
89 | addClasses: false, |
|
92 | addClasses: false, | |
90 | stack: '.img-full' |
|
93 | stack: '.img-full' | |
91 | }) |
|
94 | }) | |
92 | } |
|
95 | } else { | |
93 | else { |
|
|||
94 | $('#'+thumb_id).remove(); |
|
96 | $('#'+thumb_id).remove(); | |
95 | } |
|
97 | } | |
96 | //prevent default |
|
98 | //prevent default | |
97 | return false; |
|
99 | return false; | |
98 | }); |
|
100 | }); | |
99 | } No newline at end of file |
|
101 | } |
General Comments 0
You need to be logged in to leave comments.
Login now