https://seluno.jp/3.1.2/js/widget/widget_comments.js

1$(function(){
2	$('.block_comments .comments_body').on(
3		'click', function(){
4			$('body').append('<div class="popup"><div class="popimg"><div><div class="popimgwrap block_comments"></div></div></div><div class="popclose">×</div></div></div>');
5			$(this).parents('.inner_item').clone().appendTo('.popimgwrap');
6			$('.popup').css({opacity: 0}).stop().animate({opacity: 1}, 400, 'easeInOutCubic');
7			$('.popimgwrap').css({opacity: 1});
8		}
9	);
10	$(document).on('click', '.popup .block_comments', function(){
11		return false;
12	});
13	
14	$('body:not(.ippedit) .block_comments.add_design3 .inner_item').wrap('<div class="inner_item_outer"></div>');
15	$('body:not(.ippedit) .block_comments.add_design3.width_full .wrapper_item').slick({
16		autoplay: true,
17		infinite: false,
18		autoplaySpeed: 3000,
19		speed: 400,
20		cssEase: 'ease-in-out',
21		slidesToShow: 4,
22		slidesToScroll: 1,
23		dots: true,
24		dotsClass: 'pointer',
25		responsive: [
26			{
27				breakpoint: 1400,
28				settings: {
29					slidesToShow: 3,
30				}
31			},
32			{
33				breakpoint: 1000,
34				settings: {
35					slidesToShow: 3,
36					arrows: false,
37				}
38			},
39			{
40				breakpoint: 768,
41				settings: {
42					slidesToShow: 2,
43					arrows: false,
44				}
45			},
46			{
47				breakpoint: 600,
48				settings: {
49					slidesToShow: 1,
50					arrows: false,
51				}
52			},
53		]
54	});
55	$('body:not(.ippedit) .block_comments.add_design3.width_fixed .wrapper_item').slick({
56		autoplay: true,
57		infinite: false,
58		autoplaySpeed: 3000,
59		speed: 400,
60		cssEase: 'ease-in-out',
61		slidesToShow: 3,
62		slidesToScroll: 1,
63		dots: true,
64		dotsClass: 'pointer',
65		responsive: [
66			{
67				breakpoint: 1000,
68				settings: {
69					arrows: false,
70				}
71			},
72			{
73				breakpoint: 768,
74				settings: {
75					slidesToShow: 2,
76					arrows: false,
77				}
78			},
79			{
80				breakpoint: 600,
81				settings: {
82					slidesToShow: 1,
83					arrows: false,
84				}
85			},
86		]
87	});
88	function block_comments3(){
89		$('body:not(.ippedit) .block_comments.add_design3 .wrapper_item').each(function(){
90			var tw = $(this).width() + parseInt($(this).parent().css('padding-left'), 10) + parseInt($(this).parent().css('padding-right'), 10);
91			if(tw >= window.innerWidth){
92				$(this).addClass('wfull');
93			}else{
94				$(this).removeClass('wfull');
95			}
96		});
97	}
98	block_comments3();
99	$(window).on('resize', block_comments3);
100
101	if($('body:not(.ippedit).view_comments_archive section.block_comments .wrapper_item.paged').length){
102		var count = $('.view_comments_archive section.block_comments .inner_item').length;
103		var html = `
104			<div class="pager">
105				<ul>
106					<li><a href="?p=1">1</a></li>
107					<li><a href="?p=2">2</a></li>
108				</ul>
109			</div>`;
110		if(count > 20){
111			html = `
112				<div class="pager">
113					<ul>
114						<li><a href="?p=1">1</a></li>
115						<li><a href="?p=2">2</a></li>
116						<li><a href="?p=3">3</a></li>
117					</ul>
118				</div>`;
119		}
120		if(count > 10){
121			$('.view_comments_archive section.block_comments .wrapper_item.paged').append(html);
122		}
123		var arg = new Object;
124		var pair = location.search.substring(1).split('&');
125		for(var i=0; pair[i]; i++) {
126			var kv = pair[i].split('=');
127			arg[kv[0]] = kv[1];
128		}
129		if(!arg.p){
130			$('section.block_comments .inner_item:gt(9)').remove();
131			$('.view_comments_archive section.block_comments .wrapper_item.paged .pager li:eq(0)').addClass('current');
132		}else if(arg.p == 2){
133			$('section.block_comments .inner_item:lt(10), section.block_comments .inner_item:gt(19)').remove();
134			$('.view_comments_archive section.block_comments .wrapper_item.paged .pager li:eq(1)').addClass('current');
135		}else if(arg.p == 3){
136			$('section.block_comments .inner_item:lt(20)').remove();
137			$('.view_comments_archive section.block_comments .wrapper_item.paged .pager li:eq(2)').addClass('current');
138		}
139	}
140})