|
0
|
1 function fixGalleryWidth(id) {
|
|
|
2 var $slider = $('#slider'+id);
|
|
|
3 var w = Math.min($slider.width(),$(window).width()-20);
|
|
|
4 $('#gallery'+id).width(w-60);
|
|
|
5 var $gview = $('#gallery-view'+id);
|
|
|
6 $slider.height($gview.height());
|
|
|
7 $gview.css({
|
|
|
8 position: 'absolute',
|
|
|
9 left: $slider.offset().left,
|
|
|
10 width: w
|
|
|
11 });
|
|
|
12 // hack for IE7
|
|
|
13 var ie7 = $.browser.msie && $.browser.version.indexOf('8.') == -1;
|
|
|
14 if (ie7) {
|
|
|
15 var $gv = $('#gallery-view'+id);
|
|
|
16 $gv.css('position','absolute');
|
|
|
17 $('#slider'+id).height($gv.height());
|
|
|
18 }
|
|
|
19 };
|
|
|
20
|
|
|
21 function galleryReady(id) {
|
|
|
22 $(document).ready(function() {
|
|
|
23 var $prev = $('#prev'+id);
|
|
|
24 var $next = $('#next'+id);
|
|
|
25 var $imgs = $('#images'+id);
|
|
|
26 var $dv = $('#gallery'+id);
|
|
|
27 var left = 0;
|
|
|
28 var inc = 300;
|
|
|
29
|
|
|
30 $(window).resize(function() {
|
|
|
31 fixGalleryWidth(id);
|
|
|
32 showArrows();
|
|
|
33 });
|
|
|
34
|
|
|
35 function showArrows() {
|
|
|
36 if ($imgs.width() <= $dv.width()) {
|
|
|
37 $prev.hide();
|
|
|
38 $next.hide();
|
|
|
39 } else if (left == 0) {
|
|
|
40 $prev.hide();
|
|
|
41 $next.show();
|
|
|
42 } else {
|
|
|
43 var tw = $imgs.width();
|
|
|
44 var vw = $dv.width();
|
|
|
45 var mw = tw-vw;
|
|
|
46 if (left <= -mw) {
|
|
|
47 $prev.show();
|
|
|
48 $next.hide();
|
|
|
49 } else {
|
|
|
50 $prev.show();
|
|
|
51 $next.show();
|
|
|
52 }
|
|
|
53 }
|
|
|
54 };
|
|
|
55
|
|
|
56 fixGalleryWidth(id);
|
|
|
57 showArrows();
|
|
|
58 setTimeout(showArrows, 2000);
|
|
|
59 $prev.click(function() {
|
|
|
60 left+=inc;
|
|
|
61 left = left > 0? 0 : left;
|
|
|
62 $imgs.animate({marginLeft: left+'px'}, 400, showArrows);
|
|
|
63 });
|
|
|
64 $next.click(function() {
|
|
|
65 left-=inc;
|
|
|
66 var tw = $imgs.width();
|
|
|
67 var vw = $dv.width();
|
|
|
68 var mw = tw-vw;
|
|
|
69 left = left < -mw? -mw : left;
|
|
|
70 $imgs.animate({marginLeft: left+'px'}, 400, showArrows);
|
|
|
71 });
|
|
|
72 });
|
|
|
73 }; |
