IG_LightBox - Version 1.0.5

Version Notes

Enjoy it ;)

Download this release

Release Info

Developer Magento Core Team
Extension IG_LightBox
Version 1.0.5
Comparing to
See all releases


Code changes from version 1.0.4 to 1.0.5

Files changed (4) hide show
  1. app/code/community/IG/LightBox/etc/config.xml +34 -1
  2. app/design/frontend/default/default/template/ig_lightbox/media.phtml +15 -7
  3. package.xml +4 -4
  4. skin/frontend/default/default/js/ig_lightbox.js +48 -4
app/code/community/IG/LightBox/etc/config.xml CHANGED
@@ -1,7 +1,7 @@
1
  <config>
2
  <modules>
3
  <IG_LightBox>
4
- <version>1.0.3</version>
5
  </IG_LightBox>
6
  </modules>
7
 
@@ -86,4 +86,37 @@
86
  </resources>
87
  </acl>
88
  </adminhtml>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89
  </config>
1
  <config>
2
  <modules>
3
  <IG_LightBox>
4
+ <version>1.0.5</version>
5
  </IG_LightBox>
6
  </modules>
7
 
86
  </resources>
87
  </acl>
88
  </adminhtml>
89
+
90
+ <default>
91
+ <ig_productform>
92
+ <general>
93
+ <enabled>1</enabled>
94
+ <bigImageSize>800x600</bigImageSize>
95
+ <mainImageSize>265x265</mainImageSize>
96
+ <thumbnailImageSize>60x60</thumbnailImageSize>
97
+ </general>
98
+ <display>
99
+ <backgroundOpacity>0.8</backgroundOpacity>
100
+ <backgroundColor>#000000</backgroundColor>
101
+ <imageboxOpacity>1.0</imageboxOpacity>
102
+ <imageboxColor>#000000</imageboxColor>
103
+
104
+ <toolbarOpacity>0.7</toolbarOpacity>
105
+ <toolbarColor>#000000</toolbarColor>
106
+ <toolbarTextColor>#ffffff</toolbarTextColor>
107
+ <toolbarTextSize>12</toolbarTextSize>
108
+
109
+ <toolbarTextFont>Verdana</toolbarTextFont>
110
+ <paddingSize>10</paddingSize>
111
+ <borderSize>1</borderSize>
112
+ <borderColor>#909090</borderColor>
113
+ </display>
114
+ <effects>
115
+ <fadeIn>1.0</fadeIn>
116
+ <fadeOut>1.0</fadeOut>
117
+ <imageResize>0.5</imageResize>
118
+ <imageSwap>0.5</imageSwap>
119
+ </effects>
120
+ </ig_productform>
121
+ </default>
122
  </config>
app/design/frontend/default/default/template/ig_lightbox/media.phtml CHANGED
@@ -79,7 +79,7 @@
79
  <tbody>
80
  <tr>
81
  <td style="text-align: center" width="64"><a href="#" onclick="ig_lightbox_prev()"><img src="<?php echo $this->getSkinUrl('images/ig_lightbox/prev.png') ?>" alt="prev" /></a></td>
82
- <td><div id="image-label"></div></td>
83
  <td style="text-align: center" width="64"><a href="#" onclick="ig_lightbox_next()"><img src="<?php echo $this->getSkinUrl('images/ig_lightbox/next.png') ?>" alt="next" /></a></td>
84
  </tr>
85
  </tbody>
@@ -105,14 +105,16 @@
105
  <h4><?php echo $this->__('More Views') ?></h4>
106
  <ul>
107
  <?php
108
- foreach ($this->getGalleryImages() as $_image) {
 
 
 
 
 
 
 
109
  ?>
110
  <li>
111
- <script type="text/javascript">
112
- ig_lightbox_img_sequence.push('<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->constrainOnly(true)->keepFrame(false)->resize($_ig_lightbox_big_width, $_ig_lightbox_big_height); ?>');
113
- ig_lightbox_img_labels.push("<?php echo $this->htmlEscape($_image->getLabel()) ?>");
114
- </script>
115
-
116
  <a href="#" onclick="ig_lightbox_show('<?php echo $_ig_lightbox_images_count; ?>')">
117
  <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->keepFrame(true)->resize($_ig_lightbox_thu_width, $_ig_lightbox_thu_height); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
118
  </a>
@@ -124,3 +126,9 @@
124
  </ul>
125
  </div>
126
  <?php endif; ?>
 
 
 
 
 
 
79
  <tbody>
80
  <tr>
81
  <td style="text-align: center" width="64"><a href="#" onclick="ig_lightbox_prev()"><img src="<?php echo $this->getSkinUrl('images/ig_lightbox/prev.png') ?>" alt="prev" /></a></td>
82
+ <td id="ig-lightbox-image-commands-label-td"><div id="image-label"></div></td>
83
  <td style="text-align: center" width="64"><a href="#" onclick="ig_lightbox_next()"><img src="<?php echo $this->getSkinUrl('images/ig_lightbox/next.png') ?>" alt="next" /></a></td>
84
  </tr>
85
  </tbody>
105
  <h4><?php echo $this->__('More Views') ?></h4>
106
  <ul>
107
  <?php
108
+ $js_load=array();
109
+ foreach ($this->getGalleryImages() as $_image)
110
+ {
111
+ $src=$this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->constrainOnly(true)->keepFrame(false)->resize($_ig_lightbox_big_width, $_ig_lightbox_big_height);
112
+ $lbl=$this->htmlEscape($_image->getLabel());
113
+
114
+ array_push($js_load, "ig_lightbox_img_sequence.push('$src');");
115
+ array_push($js_load, "ig_lightbox_img_labels.push('$lbl');");
116
  ?>
117
  <li>
 
 
 
 
 
118
  <a href="#" onclick="ig_lightbox_show('<?php echo $_ig_lightbox_images_count; ?>')">
119
  <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->keepFrame(true)->resize($_ig_lightbox_thu_width, $_ig_lightbox_thu_height); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
120
  </a>
126
  </ul>
127
  </div>
128
  <?php endif; ?>
129
+
130
+ <script type="text/javascript">
131
+ Event.observe(window, 'load', function() {
132
+ <?php foreach ($js_load as $line) echo "$line\n" ?>
133
+ });
134
+ </script>
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>IG_LightBox</name>
4
- <version>1.0.4</version>
5
  <stability>stable</stability>
6
  <license>GNU GPL</license>
7
  <channel>community</channel>
@@ -18,9 +18,9 @@ You can change colors, effect, fonts or image sizes directly FROM MAGENTO BACK-E
18
  IDEALIAGroup LightBox is fully integrated in Magento system configuration.</description>
19
  <notes>Enjoy it ;)</notes>
20
  <authors><author><name>Riccardo Tempesta</name><user>auto-converted</user><email>tempesta@idealiagroup.com</email></author><author><name>Marco Giorgetti</name><user>auto-converted</user><email>giorgetti@idealiagroup.com</email></author><author><name>Maria Chiara Luongo</name><user>auto-converted</user><email>sunlight10@hotmail.it</email></author></authors>
21
- <date>2009-09-02</date>
22
- <time>11:48:57</time>
23
- <contents><target name="magelocale"><dir name="de_DE"><file name="IG_LightBox.csv" hash="0ba5aeb54e9ed302fa26773a36ef3ab5"/></dir><dir name="en_US"><file name="IG_LightBox.csv" hash="1c74b1248e1451699c928473601beb31"/></dir><dir name="it_IT"><file name="IG_LightBox.csv" hash="c749555010a00b805807546736c3db6a"/></dir></target><target name="mageskin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="ig_lightbox.css" hash="57d9a0cc9187bb6aee681a48d3950c36"/></dir><dir name="images"><dir name="ig_lightbox"><file name="close.png" hash="d27820a6f000dc575004e5b2e00152fb"/><file name="next.png" hash="ef678358e90669e00dad3d50137a9dfa"/><file name="prev.png" hash="9c0b22c4237e51b5be3447ee53eca339"/></dir></dir><dir name="js"><file name="ig_effects.js" hash="8433b39a8e7c93a0ed56e467e251f84b"/><file name="ig_lightbox.js" hash="98a04434b4203ff404b2500371439e33"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="ig_lightbox.xml" hash="d9cdbc3ea453d5af59a3f71218cb20e2"/></dir><dir name="template"><dir name="ig_lightbox"><file name="media.phtml" hash="33f3104d181061acdab706181c622b75"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="IG"><dir name="LightBox"><dir name="etc"><file name="config.xml" hash="2173e1f80d208b5425b5c44df11c3480"/><file name="system.xml" hash="2e025ecf6ab256534ab3db8c63154331"/></dir><dir name="Helper"><file name="Data.php" hash="8a0b53a32373887f1ac6d9433bba5dd5"/></dir><dir name="sql"><dir name="ig_lightbox_setup"><file name="mysql4-install-1.0.3.php" hash="f7cf810260f5e96cd6fa6ff314bd5330"/><file name="mysql4-install-1.0.4.php" hash="f7cf810260f5e96cd6fa6ff314bd5330"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="IG_LightBox.xml" hash="5d8f136255066de4f378d5c9bfe6edaf"/></dir></target></contents>
24
  <compatible/>
25
  <dependencies/>
26
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>IG_LightBox</name>
4
+ <version>1.0.5</version>
5
  <stability>stable</stability>
6
  <license>GNU GPL</license>
7
  <channel>community</channel>
18
  IDEALIAGroup LightBox is fully integrated in Magento system configuration.</description>
19
  <notes>Enjoy it ;)</notes>
20
  <authors><author><name>Riccardo Tempesta</name><user>auto-converted</user><email>tempesta@idealiagroup.com</email></author><author><name>Marco Giorgetti</name><user>auto-converted</user><email>giorgetti@idealiagroup.com</email></author><author><name>Maria Chiara Luongo</name><user>auto-converted</user><email>sunlight10@hotmail.it</email></author></authors>
21
+ <date>2009-09-18</date>
22
+ <time>16:51:17</time>
23
+ <contents><target name="magelocale"><dir name="de_DE"><file name="IG_LightBox.csv" hash="0ba5aeb54e9ed302fa26773a36ef3ab5"/></dir><dir name="en_US"><file name="IG_LightBox.csv" hash="1c74b1248e1451699c928473601beb31"/></dir><dir name="it_IT"><file name="IG_LightBox.csv" hash="c749555010a00b805807546736c3db6a"/></dir></target><target name="mageskin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="ig_lightbox.css" hash="57d9a0cc9187bb6aee681a48d3950c36"/></dir><dir name="images"><dir name="ig_lightbox"><file name="close.png" hash="d27820a6f000dc575004e5b2e00152fb"/><file name="next.png" hash="ef678358e90669e00dad3d50137a9dfa"/><file name="prev.png" hash="9c0b22c4237e51b5be3447ee53eca339"/></dir></dir><dir name="js"><file name="ig_effects.js" hash="8433b39a8e7c93a0ed56e467e251f84b"/><file name="ig_lightbox.js" hash="80089da0784afa9753d2c5e695b28b9e"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="ig_lightbox.xml" hash="d9cdbc3ea453d5af59a3f71218cb20e2"/></dir><dir name="template"><dir name="ig_lightbox"><file name="media.phtml" hash="edb30142049069bdab489233a406535c"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="IG"><dir name="LightBox"><dir name="etc"><file name="config.xml" hash="524402cd365fa98528e5884096316fb9"/><file name="system.xml" hash="2e025ecf6ab256534ab3db8c63154331"/></dir><dir name="Helper"><file name="Data.php" hash="8a0b53a32373887f1ac6d9433bba5dd5"/></dir><dir name="sql"><dir name="ig_lightbox_setup"><file name="mysql4-install-1.0.3.php" hash="f7cf810260f5e96cd6fa6ff314bd5330"/><file name="mysql4-install-1.0.4.php" hash="f7cf810260f5e96cd6fa6ff314bd5330"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="IG_LightBox.xml" hash="5d8f136255066de4f378d5c9bfe6edaf"/></dir></target></contents>
24
  <compatible/>
25
  <dependencies/>
26
  </package>
skin/frontend/default/default/js/ig_lightbox.js CHANGED
@@ -61,17 +61,45 @@ function ig_lightbox_hide()
61
  from : ig_lightbox_background_opactiy,
62
  to : 0.0
63
  });
 
 
 
 
 
64
 
65
  new Effect.Fade('ig-lightbox-image-src', {
66
  duration : ig_lightbox_fade_out_duration
67
  });
 
 
 
 
 
 
68
  }
69
 
70
  function ig_lightbox_show(n)
71
  {
72
- var win_width = document.documentElement.clientWidth;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
73
  var win_height = document.documentElement.clientHeight;
74
- var win_height2 = document.documentElement.offsetHeight;
75
 
76
  var img_loader = new Image();
77
 
@@ -130,6 +158,10 @@ function ig_lightbox_show(n)
130
  left : Math.floor(img_left+ig_lightbox_img_border+1)+'px',
131
  top : Math.floor(img_top+img_height-ig_lightbox_cmd_box_height+ig_lightbox_img_border)+'px'
132
  });
 
 
 
 
133
 
134
  $('ig-lightbox-image-close').setStyle({
135
  left : Math.floor(img_left+img_width+(ig_lightbox_img_border*2)-($('ig-lightbox-image-close-img').width/2))+'px',
@@ -185,7 +217,7 @@ function ig_lightbox_show(n)
185
  });
186
 
187
  $('ig-lightbox-image-commands').setStyle({
188
- height : ig_lightbox_cmd_box_height+'px',
189
  });
190
 
191
  new Effect.Opacity('ig-lightbox-back', {
@@ -218,7 +250,7 @@ function ig_lightbox_reset()
218
  padding : ig_lightbox_img_border+'px',
219
  width : ig_lightbox_initial_width+'px',
220
  height : ig_lightbox_initial_height+'px',
221
- border : ig_lightbox_border_size+'px solid '+ig_lightbox_border_color,
222
  });
223
 
224
  $('ig-lightbox-image').setStyle({
@@ -242,6 +274,18 @@ function ig_lightbox_reset()
242
  });
243
 
244
  $('ig-lightbox-image-src').src="";
 
 
 
 
 
 
 
 
 
 
 
 
245
  }
246
 
247
  function ig_lightbox_init()
61
  from : ig_lightbox_background_opactiy,
62
  to : 0.0
63
  });
64
+
65
+ $('ig-lightbox-back').setStyle({
66
+ width : '10px',
67
+ height : '10px'
68
+ });
69
 
70
  new Effect.Fade('ig-lightbox-image-src', {
71
  duration : ig_lightbox_fade_out_duration
72
  });
73
+
74
+ $('ig-lightbox-image-commands-label-td').setStyle({
75
+ width : '10px'
76
+ });
77
+
78
+ document.body.style.overflow="auto";
79
  }
80
 
81
  function ig_lightbox_show(n)
82
  {
83
+ document.body.style.overflow="hidden";
84
+
85
+ // if (typeof(window.innerHeight) == "undefined")
86
+ // {
87
+ // var win_width = document.documentElement.clientWidth;
88
+ // var win_height = document.documentElement.clientHeight;
89
+ // var win_height2 = document.documentElement.offsetHeight;
90
+ // vvar win_height2 = document.getElementsByTagName('body')[0].clientHeight
91
+ //
92
+ // }
93
+ // else
94
+ // {
95
+ // var win_width = window.innerWidth;
96
+ // var win_height = Math.max(window.innerHeight, document.documentElement.offsetHeight);
97
+ // var win_height2 = Math.max(window.innerHeight, document.documentElement.offsetHeight);
98
+ // }
99
+
100
+ var win_width = document.getElementsByTagName('body')[0].clientWidth;
101
  var win_height = document.documentElement.clientHeight;
102
+ var win_height2 = Math.max(document.documentElement.offsetHeight, win_height);
103
 
104
  var img_loader = new Image();
105
 
158
  left : Math.floor(img_left+ig_lightbox_img_border+1)+'px',
159
  top : Math.floor(img_top+img_height-ig_lightbox_cmd_box_height+ig_lightbox_img_border)+'px'
160
  });
161
+
162
+ $('ig-lightbox-image-commands-label-td').setStyle({
163
+ width : '100%'
164
+ });
165
 
166
  $('ig-lightbox-image-close').setStyle({
167
  left : Math.floor(img_left+img_width+(ig_lightbox_img_border*2)-($('ig-lightbox-image-close-img').width/2))+'px',
217
  });
218
 
219
  $('ig-lightbox-image-commands').setStyle({
220
+ height : ig_lightbox_cmd_box_height+'px'
221
  });
222
 
223
  new Effect.Opacity('ig-lightbox-back', {
250
  padding : ig_lightbox_img_border+'px',
251
  width : ig_lightbox_initial_width+'px',
252
  height : ig_lightbox_initial_height+'px',
253
+ border : ig_lightbox_border_size+'px solid '+ig_lightbox_border_color
254
  });
255
 
256
  $('ig-lightbox-image').setStyle({
274
  });
275
 
276
  $('ig-lightbox-image-src').src="";
277
+ new Effect.Fade('ig-lightbox-image-src', {
278
+ duration : 0.1
279
+ });
280
+
281
+ $('ig-lightbox-back').setStyle({
282
+ width : '10px',
283
+ height : '10px'
284
+ });
285
+
286
+ $('ig-lightbox-image-commands-label-td').setStyle({
287
+ width : '10px'
288
+ });
289
  }
290
 
291
  function ig_lightbox_init()