https://neweracapkorea.com/js/multi_image_mobile.js

1(function($) {
2    // css 가져와서 처리함
3    var fileref=document.createElement("link");
4    fileref.setAttribute("rel", "stylesheet");
5    fileref.setAttribute("type", "text/css");
6    fileref.setAttribute("href", '/css/multi_image.css');
7
8    if (typeof fileref != "undefined") {
9        document.getElementsByTagName("head")[0].appendChild(fileref);
10    }
11
12    var nowCode = '',
13    nowOrder = 0;
14
15    $.extend({
16        // 이미지 경로가 잘못 되어있을 경우 처리
17        imageError : function(obj) {
18            obj.src = '/images/mini.gif';
19            $.btnPosition();
20        },
21        // 다중이미지 노출처리
22        imageShow : function() {
23            num = 0;
24
25            if (Items[num].images.length) {
26                nowCode = num;
27                nowOrder = 0;
28
29                $('ul#detail_multi_image').append('<li><a href="javascript:;"><img src="'+Items[num].images[0]+'" alt="'+Items[num].desc+'" id="detail_viewimage" onerror="jQuery.imageError(this);" onload="jQuery.btnPosition();" /></a></li>').end().fadeIn();
30            } else {
31                alert('상세 이미지가 없습니다.');
32                return false;
33            }
34        },
35        // 버튼 이미지 높이 지정으로 인한 위치 처리
36        btnPosition : function() {
37            $('#detailpage .thumb-img .btn-prev, #detailpage .thumb-img .btn-next').css('height', $('img#detail_viewimage').height());
38        }
39    });
40
41    $(document).on('click', '#detailpage a.btn-prev', function() {
42        if (nowOrder > 0) {
43            nowOrder--;
44            if (Items[nowCode].images[nowOrder] == undefined) {
45                return false;
46            }
47            $('ul#detail_multi_image > li > a').html('<img src="'+Items[nowCode].images[nowOrder]+'" alt="'+Items[nowCode].desc+'"  id="detail_viewimage" onerror="jQuery.imageError(this);" onload="jQuery.btnPosition();" />');
48
49        } else {
50        }
51        return false;
52    });
53    $(document).on('click', '#detailpage a.btn-next', function() {
54        _max = Items[nowCode].images.length - 1;
55        if (nowOrder < _max) {
56            nowOrder++;
57            if (Items[nowCode].images[nowOrder] == undefined) {
58                return false;
59            }
60            $('ul#detail_multi_image > li > a').html('<img src="'+Items[nowCode].images[nowOrder]+'" alt="'+Items[nowCode].desc+'" id="detail_viewimage" onerror="jQuery.imageError(this);" onload="jQuery.btnPosition();"  />');
61        }
62        return false;
63    });
64})(jQuery);