はじめまして。アドビゴーライブにて、HPを作成しています。
GIFや、JPEG等の画像をHTMLで表示するときに、
フラッシュ、JAVA、DHTML、その他script等の手段を使って、
その画像の明度(真っ黒>標準>真っ白)の増減を行うことはできますでしょうか?
※マックのブラウザ上でも、閲覧可能な方法をおしえてください。
よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

DHTMLの場合、FILTERのALPHAとJAVAの組み合わせでできます。


また、2つの画像を使ってREVEAL TRANSでも可能です。
ただ、Internet Explorerのみの対応ですから、Netscapeでは表示できません。
    • good
    • 0
この回答へのお礼

ありがとうございます。参考になりました。
(お返事が遅れまして申し訳ございませんでした。)

お礼日時:2001/07/10 08:46

DHTMLのフィルタでご希望の処理に近いことを実現することが出来ますが、ちょっと難しいです。

そこまで大層なことをしなくとも、GIFアニメにするか、JacvaScriptで画像をパラパラ漫画風に変えていけばいいのではないでしょうか。

簡単な方法としてはFLASHで画像を読み込んで、スムーズに変換することも可能ですが。

一応、DHTMLのフィルタについて書かれたページのURLを記しておきます。

参考URL:http://www.microsoft.com/japan/developer/library …
    • good
    • 0
この回答へのお礼

ありがとうございます。参考になりました。
(お返事が遅れまして申し訳ございませんでした。)

お礼日時:2001/07/10 08:46

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qで出る枠

を消すにはどうしたらいいのでしょうか?

Aベストアンサー

<a><img src="x.gif" border="0"></a>
で大丈夫だとおもいます。

Qgifとjpegの違い

HP作成用の素材集CDを購入したら、
gifとjpegの2種類が用意されていました。
両者の違いは何でしょうか?
どう使い分ければよいのでしょうか。

よろしくお願いします。

Aベストアンサー

どちらも画像ファイルであり、簡単に言ってしまえばたんなる形式(拡張子)の違い、です。
もうちょっと言うと色数の違い、圧縮形式の違い。
gifはロゴなど(色の違いのはっきりくっきりとした画像と言えばわかりやすいでしょうか)に、
jpegは水彩画や写真(ぼかしやグラデーションを使っている画像)に適しています。
適している、というのは適した色数、圧縮形式であるということ。
画像を作成・保存するとき、ロゴ風ならgifで水彩風ならjpegで保存した方が画質を保ったまま適したサイズで保存できるということです。

百聞は一見にしかず、参考URLをご覧ください。

素材集にある画像を使うだけなら使い分ける、とか気にする必要はないです。
どちらでも好きな画像を使えば良いと思います。

ただ、携帯電話の待ち受けにしたり、携帯電話向けのサイトの画像として使用する場合は、キャリアによって表示できる形式(拡張子)が違いますので注意が必要です。
※例えばドコモはgif、ソフトバンクはpng、auはjpegなど。
でも最近の機種だと対応してきていて私はauですが全て表示できます。

参考URL:http://www2.denshi.numazu-ct.ac.jp/~kawakami/kawaken/h9sotsuken/sachie/sotuken/JPG/jorg.html

どちらも画像ファイルであり、簡単に言ってしまえばたんなる形式(拡張子)の違い、です。
もうちょっと言うと色数の違い、圧縮形式の違い。
gifはロゴなど(色の違いのはっきりくっきりとした画像と言えばわかりやすいでしょうか)に、
jpegは水彩画や写真(ぼかしやグラデーションを使っている画像)に適しています。
適している、というのは適した色数、圧縮形式であるということ。
画像を作成・保存するとき、ロゴ風ならgifで水彩風ならjpegで保存した方が画質を保ったまま適したサイズで保存できるとい...続きを読む

QWebサイトでJpeg、Gif画像をダウンロードさせたい

WebサイトでJpeg、Gif画像をダウンロードさせたい

Webサイトで訪問者がリンクをクリックしたときにJpeg、Gifデータをダウンロードできるように
したいのですが可能でしょうか? イメージ的にはZipファイルのようにローカルにダウンロード
させることを考えています。

ちなみにそのサイトは、ZIPなどの圧縮ファイル、PDFなどは置くことができません。

Aベストアンサー

できません。
画像を表示して名前を付けて保存するか、zip化したものを別に用意するのが一般的です。

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q

<ul>タグで各<li>の中身を横方向羅列させつつ各項目を等幅に。

以下のように、ulですが、横方向に羅列して表示される、
htmlソースと、CSSソースがあります。

で、これをもとにしつつ、(あるいはもとにしなくてもいいのですが)、
各項目・・・下の例では、

[サイトマップ] [ヘルプ] [お問い合わせ]

の3つそれぞれを、等幅にして表示させたく思っています。


条件としては・・・

●<ul>を使うことは必須。

●cssハック的なものを使ってもかまいません。

●できればJavaScriptを使いたくないですが、やむを得ない場合は、OKです。

●もしやむをえなければ、たとえば、「各項目の、等幅化する前のwidthは、7em以内でないといけない」
 などの条件がついてもかまいません。



以前、できたような気がするのですが・・・やりかたを忘れてしまいました。


ご存じのかたいらっしゃいましたら、お教えいただければ幸いです。

よろしくお願いいたします。


//-----------------------------------------------------------

<html ソース>

<ul class="miya-ul_lateral">
<li class="miya-li_lateral_first">サイトマップ</li>
<li>ヘルプ</li>
<li class="miya-li_lateral_last">お問い合わせ</li>
</ul>

//-----------------------------------------------------------

<cssソース>

/* 1st step: */
ul.miya-ul_lateral li{
display:inline;
list-style-type:none;
padding:0 2px 0 5px;
margin:0;
border-left:1px solid #000;
}
/* /1st step: */

/* 2nd step: */
ul.miya-ul_lateral li.miya-li_lateral_first{
border-left:0;
padding-left:0;
}
/* 2nd step: */

/* 3rd step: */
ul.miya-ul_lateral li.miya-li_lateral_last{
padding-right:0;
}
/* 3rd step: */

よろしくお願いいたします。

<ul>タグで各<li>の中身を横方向羅列させつつ各項目を等幅に。

以下のように、ulですが、横方向に羅列して表示される、
htmlソースと、CSSソースがあります。

で、これをもとにしつつ、(あるいはもとにしなくてもいいのですが)、
各項目・・・下の例では、

[サイトマップ] [ヘルプ] [お問い合わせ]

の3つそれぞれを、等幅にして表示させたく思っています。


条件としては・・・

●<ul>を使うことは必須。

●cssハック的なものを使ってもかまいません。

●できればJavaScriptを使いた...続きを読む

Aベストアンサー

ん~・・・いまいちよくわかりませんが、等幅にするならwidthを指定しなくては
いけないでしょう。
こんな感じでどうですか?

<style>
ul.miya-ul_lateral{
list-style-type:none;
padding:0 2px 0 5px;
margin:0;
}
ul.miya-ul_lateral li{
float:left;
}
ul.miya-ul_lateral li.miya-li_lateral_first a{
border-left:0px solid;
}
ul.miya-ul_lateral a{
display:block;
width:7em;
border-left:1px solid #000000;
text-align:center;
text-decoration:none;
}
ul.miya-ul_lateral a:hover{
background-Color:#ffff00;
}
</style>

<ul class="miya-ul_lateral">
<li class="miya-li_lateral_first"><a href="#">サイトマップ</a></li>
<li><a href="#">ヘルプ</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>

ん~・・・いまいちよくわかりませんが、等幅にするならwidthを指定しなくては
いけないでしょう。
こんな感じでどうですか?

<style>
ul.miya-ul_lateral{
list-style-type:none;
padding:0 2px 0 5px;
margin:0;
}
ul.miya-ul_lateral li{
float:left;
}
ul.miya-ul_lateral li.miya-li_lateral_first a{
border-left:0px solid;
}
ul.miya-ul_lateral a{
display:block;
width:7em;
border-left:1px solid #000000;
text-align:center;
text-decoration:none;
}
ul.miya-ul_latera...続きを読む


人気Q&Aランキング

おすすめ情報