移动端给图片添加手指缩放功能以后，怎么滑动图片查看全部图片内容

在移动端给图片添加手指缩放功能后，可以通过以下方式来实现滑动图片查看全部内容：

1. 在HTML中，使用一个容器包含图片，并设置该容器的宽度和高度，用于显示图片：

<div id="container" style="width: 100%; height: 100%;">
    <img id="image" src="path/to/image.jpg" style="max-width: 100%; max-height: 100%;">
</div>

2. 在CSS中，设置图片的最大宽度和最大高度为100%以适应容器的大小：

#image {
    max-width: 100%;
    max-height: 100%;
}

3. 在JS中，使用hammer.js插件为容器添加手指缩放功能，并监听容器的滑动事件，实现查看全部图片内容的效果：

// 初始化hammer对象
var hammer = new Hammer(document.getElementById("container"));

// 缩放事件
hammer.get("pinch").set({
    enable: true
});
hammer.on("pinch", function (e) {
    // 缩放代码
});

// 拖拽事件
hammer.get("pan").set({
    enable: true,
    direction: Hammer.DIRECTION_ALL
});
hammer.on("pan", function (e) {
    // 拖拽代码
});

// 滑动事件
var startX = 0;
var startY = 0;
hammer.on("panstart", function (e) {
    startX = e.center.x;
    startY = e.center.y;
});
hammer.on("panmove", function (e) {
    var deltaX = e.center.x - startX;
    var deltaY = e.center.y - startY;
    // 移动代码
});

// 缩放结束事件
hammer.on("pinchend", function (e) {
    // 缩放结束后，自动调整图片位置和大小，使其填满容器
});

在滑动事件中，记录手指的起始位置，然后计算手指移动的距离，根据移动距离来移动图片的位置，实现滑动效果。在缩放结束事件中，可以根据图片的实际大小和容器的大小，自动调整图片的位置和大小，使其填满容器。

综上所述，以上就是给图片添加手指缩放功能后，实现滑动查看全部图片内容的代码实现。