为什么图片要增加交互功能？

    优质的资源通常是图文并茂的，而且优质图片所带来的直观体验，可以让读者快速获取信息，所以这也是读者体验中非常重要的一环。 
    但是，我们在使用手机时，受限于移动端屏幕大小，考虑到用户流量等问题，详情页中主体内容的图片通常被默认设置为小图。而用户在浏览时，看到感兴趣的图片，往往希望能够在点击图片后获取大图，以便获取更详细的信息。
  
    如下图所示，读者往往希望能够在点击图片后获取大图，并对图片进行局部放大和移动，以便查看图中的详细数据。
    而对于图集来说，还需要有自由切换功能，这样才能够满足读者需求。



    因此，详情页中主体内容包括图片的情况下，图片应能点击调起大图、缩小放大功能使用自如，手势支持顺滑，图集能自由切换。
 
    参考案例1 
    如下图所示，详情页主体内容中的图片，点击后可以调起大图，缩小放大功能使用自如，手势支持顺滑，可以作为参考。



    参考案例2 
    详情页主体内容中的图集，点击后可以调起大图，缩小放大功能使用自如，手势支持顺滑，且能够自由切换，可以作为参考。

    以点击调起大图为例谈技术实现 
    普通的Web页面是无法直接查看图片的，而放大查看图片不仅仅是简单的放大图片，如果想要实现与原生手机应用中类似的放大查看图片的能力，需要通过JS代码进行一些动效和交互效果封装。

    通过上文，大家知道为什么图片要增加交互功能？这样也是方便读者有更好的浏览体验，更多关于图文交互的信息，可以来米可网络官网。