init

2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
--- a/public/frontend/web/scripts/comment.js
+++ b/public/frontend/web/scripts/comment.js
@@ -0,0 +1,151 @@
+/* 
+parentcontent  //父容器
+boxcontent   // 评论区图片展示区域
+*/
+function commentMove(parentcontent, boxcontent) {
+	this.obj = {
+		activeClass: 'tm-current',
+		nextButton: '.tm-m-photo-viewer-navright',
+		prevButton: '.tm-m-photo-viewer-navleft',
+	}
+	this.parentcontent = parentcontent;
+	this.boxcontent = boxcontent;
+
+}
+commentMove.prototype = {
+	init: function() {
+		var that = this;
+		that.start();
+		this.lefthover();
+		this.righthover();
+		this.leftclick();
+		this.rightclick();
+	},
+	start: function() {
+		var that = this;
+		var src;
+		$(that.parentcontent + ' li').click(function() {
+			var haha = this;
+			
+			$(this).toggleClass(that.obj.activeClass).siblings().removeClass(that.obj.activeClass);
+			
+			console.log($(this).attr('class'));
+			if ($(this).attr("class") == "tm-current") {
+				src = $(haha).children(img)[0].src;
+				
+				console.log("111111111");
+				console.log(src);
+			} else{
+				console.log("22222222")
+				src = "aaa";
+				
+				console.log(src);
+			}
+			
+//			var src = $('.' + that.obj.activeClass).attr('data-src');
+			
+
+			var img = new Image();
+			img.src = src;
+			img.onload = function() {
+				var imageWidth = img.width;
+				var imageHeight = img.height;
+				$(haha).parent().parent().children('.tm-m-photo-viewer').css({
+					"width": imageWidth,
+					"height": imageHeight
+				})
+				$(that.obj.prevButton).css({
+					"width": imageWidth / 3,
+					"height": imageHeight
+				})
+				$(that.obj.prevButton).children().css({
+					"top": imageHeight / 2 - 10 + 'px'
+				})
+				$(that.obj.nextButton).children().css({
+					"top": imageHeight / 2 - 10 + 'px'
+				})
+
+			}
+			if(src == "aaa") {
+				
+				console.log(src);
+				$(that.boxcontent).css({
+					"width": 0,
+					"height": 0
+				});
+			} else {
+				console.log(src);
+				$(haha).parent().parent().children('.tm-m-photo-viewer').children(img).attr('src', src);
+			}
+		})
+	},
+	lefthover: function() {
+		var that = this;
+		$(that.obj.prevButton).hover(function() {
+			var index = $(that.parentcontent + ' li').index($(that.parentcontent + ' li.' + that.obj.activeClass));
+			if(index < 1) {
+				$(this).children().css("display", "none");
+			} else {
+				$(this).children().css({
+					"display": "inline"
+				});
+			}
+		}, function() {
+			$(this).children().css({
+				"display": "none"
+			});
+		})
+	},
+	righthover: function() {
+		var that = this;
+
+		$(that.obj.nextButton).hover(function() {
+			var index = $(that.parentcontent + ' li').index($(that.parentcontent + ' li.' + that.obj.activeClass));
+			if(index >= $(that.parentcontent + ' li').length - 1) {
+				$(this).children().css("display", "none");
+			} else {
+				$(this).children().css({
+					"display": "inline"
+				});
+			}
+		}, function() {
+			$(this).children().css({
+				"display": "none"
+			});
+		})
+	},
+	leftclick: function() {
+		var that = this;
+		$(that.obj.prevButton).click(function() {
+			var index = $(that.parentcontent + ' li').index($(that.parentcontent + ' li.' + that.obj.activeClass));
+
+			index--;
+			if(index >= 0) {
+				$(that.parentcontent + ' li').eq(index).toggleClass(that.obj.activeClass).siblings().removeClass(that.obj.activeClass)
+				$(that.boxcontent + " img").attr("src", $(that.parentcontent + ' li').eq(index).attr('data-src'))
+			}
+			if(index < 1) {
+				index = 0;
+				$(this).children().css({
+					"display": "none"
+				});
+				return;
+			}
+		})
+	},
+	rightclick: function() {
+		var that = this;
+		$(that.obj.nextButton).click(function() {
+			var index = $(that.parentcontent + ' li').index($(that.parentcontent + ' li.' + that.obj.activeClass));
+			index++;
+			$(that.boxcontent + " img").attr("src", $(that.parentcontent + ' li').eq(index).attr('data-src'))
+
+			$(that.parentcontent + ' li').eq(index).toggleClass(that.obj.activeClass).siblings().removeClass(that.obj.activeClass);
+			if(index >= $(that.parentcontent + ' li').length - 1) {
+				$(this).children().css({
+					"display": "none"
+				});
+			}
+		})
+	}
+}