すいません、皆さんのようにｐｃに詳しくなく、基本的なことが分かっていませんが教えて下さい。

ブログに載せた地図画像の特定の範囲をタッチすると、リンク先に飛ぶようにしています。

しかしスマホで見ると画像が縮小されるので、それに応じて座標が変わるようにレスポンシブ化しないといけません。

そこでimageMapResizerというプラグインを使うにあたり、下の２つのサイトを参考に、bodyの終わりに記述をしました。

https://myscreate.com/image-map-resizer/

<script src="https://cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js"></script>
<script>
imageMapResize();
</script>

ソース内のアドレスに直接jsファイルを読み込みにいくこの方法では出来ました。

https://blog.triana.jp/?p=9301
<script src="js/imageMapResizer.min.js"></script>
<script>
imageMapResize();
</script>

しかし、プラグインをダウンロードして行う方法だと、出来ませんでした。
ダウンロードしたimageMapResizer.min.jsというファイルを置くパスが違うのでしょうか？

私はダウンローロドした後にxserverのドメイン名の中の public_html というフォルダに入れておきましたが、このやり方が違うのでしょうか？

上の方のサイトのやり方で出来るには出来ているのですが、何故下のやり方だと出来ないのか、仕組みや基礎が知りたいです。見当はずれな質問でしたらすみません。