JavaScriptに詳しい方、よろしくお願いします。

質問

JavaScriptはほとんど初心者です。よろしくお願いします。

ポラロイド風画像ページを作りたくて、下記のサイトよりinstant.jsをダウンロードしました。
http://www.netzgesta.de/instant/

テストとしてページを作ってみましたが、画像にエフェクト？不透明？ぼかし？がかかっている為、元画像に比べると暗くなってしまいます。

テストページ
http://www.shop-lien.com/a-test/index.html

このエフェクトを全て取り除いて、元画像と同じような画質で、このinstant.jsを利用したいのですが、どこを修正したらよいのかわかりません。

どうかJavaScriptに詳しい方、ご指導ください。
宜しくお願いします。

回答No.1

leap_day · ベストアンサー

こんにちは

枠のことですか？
→instant.js内221行目　82桁目から
fillcolor="' + color + '"を　fillcolor="white"　にすれば白になります

もしくは<img class="instant icolorffffff">

画像のことですか？
→instant.js内　224行目　383桁目から
color="#ffffff" opacity="'+(opacity/2)+'" color2="#000000" o:opacity2="'+(opacity/2)+'"

color=""が下側の色
color2=""が上側の色
opacityがそれぞれの透明処理です

colorをwhite、opacityを0にすればいいです
color="white" opacity="0" color2="white" o:opacity2="0"

もしくはcolor2のみwhite(or #ffffff)にして
<img class="instant ishadow0">
※whiteにしておけばishow0はいらないかもしれないですけど・・・

お礼

説明不足にもかかわらず、分かりやすい回答ありがとうございました。
画像のことです。透明処理はうまく無くすことができました。
本当にありがとうございます。

大変恐縮ですがもう1つ、画像がぼんやりぼやけているように見えるのですが、
このぼやけを無くし、元画像とおなじよう鮮明にできないでしょうか。よろしくお願いします。

補足

大変恐縮ですがもう1つ、画像がぼんやりぼやけているように見えるのですが、
このぼやけを無くし、元画像とおなじよう鮮明にできないでしょうか。よろしくお願いします。