添加Medium.com樣式的圖像縮放

Question

我嘗試使用zoom這是一個簡單的jQuery插件用於圖像縮放，如中等所示。

這是Demo。

我遵循開發人員所說的所有說明，但是我無法使其正常工作。

這是我的Fiddle.這是一個簡單的插件，但我不知道我做錯了什麼。

Answer 1

您正在使用的插件需要jQuery。確保你已經將它包含在你的頁面中。您的JSFiddle不起作用，因爲jQuery不包含在小提琴中。

要將jQuery添加到小提琴中，請在JavaScript窗口的右上角（左下角）選擇JAVASCRIPT，然後會彈出一個菜單以選擇要包含在小提琴中的各種JS庫。

JSFiddle with jQuery

Answer 2

你只需要在javascript部分添加JQuery。檢查我的小提琴：

<img src="http://fat.github.io/zoom.js/img/palm.jpg" data-action="zoom" width="200px"> 

https://jsfiddle.net/05jqd1eu/