Q&A
プラグイン／ライブラリは公式配布サイトのURLを質問文に追記ください。（URLにはリンクを張ることができます）
宜しくお願い致します。
本を見てjqueryプラグインのinterface elementsというプラグインを
使用したいのですが、動作がうまくいきません。
その通り記述したつもりなのですが、画像はそれぞれ表示されますが
拡大表示などができません。下記にてもし間違っている所などが
あれば教えて頂けると幸いです。
宜しくお願い致します。
[jquery.html]
<html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="interface.js"></script> <script type="text/javascript" src="sample.js"></script> <link rel=“stylesheet” href=“style.css”> </head> <body> <div id="fisheye" class="fisheye"> <div class="fisheyeContainter"> <a href="#" class="fisheyeItem"><img src="images/icon1.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon2.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon3.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon4.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon5.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon6.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon7.jpg" width="80" /><span>Home</span></a> <a href="#" class="fisheyeItem"><img src="images/icon8.jpg" width="80" /><span>Home</span></a> </div> </div> </body> </html> ```[style.css] ```ここに言語を入力 @charset "UTF-8"; #fisheye{ margin-top:200px; } .fisheye{ text-align:center; height:200px; position:relative; } a.fisheyeItem{ text-align:center; color:#000; font-weight:bold; text-decoration:none; width:40px; position:absolute; display:block; top:0; } .fisheyeItem img{ border:none; margin:0 auto 5px auto; width:100%; } .fisheyeItem span{ display:none; position:absolute; } .fisheyeContainter{ height:200px; width:700px; position:absolute; }
[sample.js]
$(function(){ $('#fisheye').Fisheye({ maxWidth:80, items:'a', itemsText:'span', container:'.fisheyeContainter', itemWidth:80, proximity:90, halign:'center' }); });
interface.js
eval(function(p,a,c,k,e,d){e=function(c){return....（ダウンロードした 時の記述のままです）
公式サイトURL:[http://interface.eyecon.ro/]
回答1件
0
ベストアンサー
とりあえず全角が混ざっています。
HTML
1<!-- 2<link rel=“stylesheet” href=“style.css”> 3 ↓ ↓ ↓ ↓ --> 4<link rel="stylesheet" href="style.css">
また、古い部類のライブラリなので、最新のブラウザ／端末でどう表示されるかは確認されてから使用されることをお勧めします。
投稿2018/05/05 11:28
編集2018/05/05 11:28総合スコア69458
ご回答ありがとうございました。
確かに仰るとおり全角でした。訂正したところ無事に動作させる事ができました。
ブラウザで確認してから使用するようにします。
ご指摘ありがとうございます。
あなたの回答
tips
プレビュー
