马黑黑 发表于 2025-2-14 19:56
黑黑，我做好了，发现二个问题
1转换图片电脑预览有滤镜效果的，但发论坛预览图片直接出来没有滤镜了
2转换图片尺寸第一张是完美显示，后面出来都有一点距离，最后一张边缘距离最大
我仔细看了你发的，好像和我的效果一样的{:4_170:}
我改图片尺寸预览也是这样，是不是代码设置有一点距离？
马黑黑 发表于 2025-2-14 19:50
这些都是CSS处理的，一个基于遮罩，另一个基于border-style（边框样式）
是的，前面是盲猜，没看代码{:4_173:}
马黑黑 发表于 2025-2-14 19:51
这个很漂亮{:4_187:}
马黑黑 发表于 2025-2-14 19:52
scroll直接操作有滚动条的元素，scrollIntoview操作的是被滚动对象
嗯嗯，两者还是有差异的{:4_187:}
马黑黑 发表于 2025-2-14 19:56
当图片以100%渲染时，指它的父元素的尺寸
哦，那小图尺寸和这个不得噶的
马黑黑 发表于 2025-2-14 19:58
然后，在JS里，翻动距离数值以父元素的宽度（横向翻页）或高度（纵向翻页）做依据
这个我没有改的，就改了图片宽度一个尺寸
小辣椒 发表于 2025-2-14 20:59
这个我没有改的，就改了图片宽度一个尺寸
就像过去做贴一样，该改哪里改哪里
小辣椒 发表于 2025-2-14 20:58
哦，那小图尺寸和这个不得噶的
小的放大大的缩小
红影 发表于 2025-2-14 20:56
嗯嗯，两者还是有差异的
一个是滚动到，另一个是滚动进入
红影 发表于 2025-2-14 20:54
这个很漂亮
谢谢
红影 发表于 2025-2-14 20:53
是的，前面是盲猜，没看代码
猜猜更快乐
小辣椒 发表于 2025-2-14 20:48
我仔细看了你发的，好像和我的效果一样的
我改图片尺寸预览也是这样，是不是代码设置有一点距 ...
一样一样的
马黑黑 发表于 2025-2-14 21:24
小的放大大的缩小
但我发现图片出来没有满格，第一张是好的
马黑黑 发表于 2025-2-14 21:25
一个是滚动到，另一个是滚动进入
现在知道了，一个是父元素，一个是元素自身。
马黑黑 发表于 2025-2-14 21:26
谢谢
不客气{:4_204:}
马黑黑 发表于 2025-2-14 21:26
猜猜更快乐
猜完了再看印象更深{:4_173:}
红影 发表于 2025-2-14 22:07
猜完了再看印象更深
{:4_181:}
红影 发表于 2025-2-14 22:06
现在知道了，一个是父元素，一个是元素自身。
{:4_190:}
小辣椒 发表于 2025-2-14 21:32
但我发现图片出来没有满格，第一张是好的
已经给你答案了，在 #stage {} 里加入 font-size: 0; 就行了