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/comment1.js
+++ b/public/frontend/web/scripts/comment1.js
@@ -0,0 +1,111 @@
+
+/* 
+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;
+        $(that.parentcontent + ' li').click(function () {
+            console.log('点击了enlarge-img');
+            $(this).toggleClass(that.obj.activeClass).siblings().removeClass(that.obj.activeClass);
+            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;
+                $(that.boxcontent).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) {
+                $(that.boxcontent).css({ "width": 0, "height": 0 });
+            } else {
+                $(that.boxcontent + " 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" });
+            }
+        })
+    }
+}
+
+
+
+