優(yōu)質的資源通常是圖文并茂的，而且優(yōu)質圖片所帶來的直觀體驗，可以讓讀者快速獲取信息，所以這也是讀者體驗中非常重要的一環(huán)。 
    但是，我們在使用手機時，受限于移動端屏幕大小，考慮到用戶流量等問題，詳情頁中主體內容的圖片通常被默認設置為小圖。而用戶在瀏覽時，看到感興趣的圖片，往往希望能夠在點擊圖片后獲取大圖，以便獲取更詳細的信息。
  
    如下圖所示，讀者往往希望能夠在點擊圖片后獲取大圖，并對圖片進行局部放大和移動，以便查看圖中的詳細數據。
    而對于圖集來說，還需要有自由切換功能，這樣才能夠滿足讀者需求。



    因此，詳情頁中主體內容包括圖片的情況下，圖片應能點擊調起大圖、縮小放大功能使用自如，手勢支持順滑，圖集能自由切換。
 
    參考案例1 
    如下圖所示，詳情頁主體內容中的圖片，點擊后可以調起大圖，縮小放大功能使用自如，手勢支持順滑，可以作為參考。



    參考案例2 
    詳情頁主體內容中的圖集，點擊后可以調起大圖，縮小放大功能使用自如，手勢支持順滑，且能夠自由切換，可以作為參考。

    以點擊調起大圖為例談技術實現 
    普通的Web頁面是無法直接查看圖片的，而放大查看圖片不僅僅是簡單的放大圖片，如果想要實現與原生手機應用中類似的放大查看圖片的能力，需要通過JS代碼進行一些動效和交互效果封裝。

    通過上文，大家知道為什么圖片要增加交互功能？這樣也是方便讀者有更好的瀏覽體驗，更多關于圖文交互的信息，可以來米可網絡官網。