タイトルのまんまです。
違いがわかりませんので教えてください。
よろしくおねがいします。

A 回答 (1件)

キャプチャ:画像そのままを切り取る『行為』


サムネイル:縮小した画像

具体的な…そして分からないかもしれない例。
 キーボードの PrintScreenキー を押して画面のコピーを撮ることをキャプチャ。
 キャプチャした物をファイルに保存してアイコン表示させたときのアイコンをサムネイル。
    • good
    • 0
この回答へのお礼

ありがとうございます

お礼日時:2011/04/18 03:31

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

このQ&Aを見た人が検索しているワード

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

QCSSだけでサムネイルから拡大画像チェンジ

1ヶ所の指定場所に拡大画像が表示された状態で、下段にいくつかのサムネイルを設置し、マウスをそのサムネイルに乗せると拡大画像がチェンジして、マウスを外すと元画像に戻るみたいな事をCSSだけで表現したいのですが可能でしょうか?感じとしては http://curucuru-select.com/?pid=7429014 のCSS版みたいなものをのぞんでいるのですが・・・多分このサイトはjavascriptでやってるみたいなんですけど・・できたら、サンプルソースをいただけるとありがたいのですが・・どうかよろしくお願いします。

Aベストアンサー

> 自分の質問で言う「拡大画像が表示された状態で」と言うのは、このサイトで言う#gallery {background:ってところですかね。ここに画像を指定すればマウスoff時や別の場所をクリックすることでここの画像に戻るんですかね?

そう思われたのであれば、まずは実際に試してみてはいかがでしょう?
背景色ではなく背景画像を指定する場合は、位置やリピートの指定も追加しなければなりませんが。

> このサイトはサムネイルが拡大画像の左側縦指定してあるのですけど、それを拡大画像の下横並びに指定するにはタグ上どうすればよいのでしょうか?
> 下横並びのサムネイルの行数を増やすにはどう指定すればよいのでしょうか?

このサイトのソースには、CSSのそれぞれのプロパティが「どの様な働きをしているか」が具体的にコメントされていますので、それらを読み解けば応用はできる筈です。サムネイルを横並びにする事自体はfloatを定義に組み込めば簡単にできますが、このサンプルではサムネイルと拡大画像は同じ一枚の画像を使用(拡大画像に見えているのが実寸、サムネイルは同じ画像をCSS上で幅・高さを指定して縮小して見せている)している事もありますので、サムネイル(左)+拡大画像右→拡大画像(上)+サムネイル(下)というレイアウトに変更し、かつサムネイルの行数を増やす為には、関連する幅・高さ・位置関係等の定義を全て辻褄に合う様に変更しなければなりません。
上記がヒントです。もし、これらを読んでもピンと来ない、わからない、という事であればレイアウト変更は現在の質問者様には手に余る作業という事になるかと思いますので、サンプルのレイアウト・パターンをそのまま使用される事をお奨めします。レイアウトのパターンを変更しなければ、現在の縦並びのサムネイル画像を増やて行くのはかなり簡単な作業だと思いますので。

ちなみに、Nine-nine様と同様、こちらのサンプルでも編集次第で質問者様の仰る様なレイアウトは実現可能です。

> 自分の質問で言う「拡大画像が表示された状態で」と言うのは、このサイトで言う#gallery {background:ってところですかね。ここに画像を指定すればマウスoff時や別の場所をクリックすることでここの画像に戻るんですかね?

そう思われたのであれば、まずは実際に試してみてはいかがでしょう?
背景色ではなく背景画像を指定する場合は、位置やリピートの指定も追加しなければなりませんが。

> このサイトはサムネイルが拡大画像の左側縦指定してあるのですけど、それを拡大画像の下横並びに指定するには...続きを読む

Q[キャプチャ] 画面キャプチャでWinの枠を消したいときどうするのが一番良い?

こんにちは。

WinShotを使ってアクティブウインドウをキャプチャ出来るのですが、枠の中だけ(Windowsの枠は不要)を取り出したいと思っています。
例えば、ゲームの場合純粋なゲーム画面のみ。

WinShotをそのまま使って加工?するのが良いのか、それとも枠の中だけを都合よくキャプチャしてくれるツールがあるものなのか、悩んだり探したりしています。

何か良い方法もしくはツールがありましたらお願いします。

Aベストアンサー

トリミングできるソフトで簡単にできます。
なければURLへ

参考URL:http://www.forest.impress.co.jp/lib/pic/piccam/picedit/buff.html

Qhtml,cssでサムネイルにマウスオーバーすると、離れた位置に拡大画像を表示する仕組みを作りたい。

初めまして、ホームページ制作勉強中の初心者です。

■サムネイルにマウスオーバーすると、離れた位置に拡大画像を表示する
■サムネイルからのマウスアウトで、最初の拡大画像に戻す。

http://bitd.webcrow.jp/rollover/DW/rollover.html
といった上記のようなトップイメージを作ったのですが
拡大画像はカチッと切り替わるのではなく、ふわっと切り替えたいです。
しかし、思うようにhtml,cssが組めず悩んでおります。

(切り替わりの感じとしては↓下記サイト↓のようなイメージです。)
http://blog.net-king.com/downloads/imagenavigation/

最下位が提案したhtml,cssですが、どこをどのように、触ればいいのか
ご教授いただければ幸いです。

(あるいはjsを使って
http://blog.net-king.com/2010/10/06/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%99%e3%82%8b%e3%81%a8%e3%83%a1%e3%82%a4%e3%83%b3%e7%94%bb%e5%83%8f%e3%81%8c%e5%88%87/

http://tenderfeel.xsrv.jp/javascript/271/
の下のほうにある「複数設置+クロスフェード」
を改変して同じようなものを作る。でもOKです。)

どうか、よろしくお願い致します。


■html

<head>
<title>サムネイルにマウスオーバーしたら画像を切り替える</title>
<link rel="stylesheet" href="css/rollover.css" type="text/css" media="all" />
</head>
<body>
<div id="container">
<ul>
<li><img src="images/B2.jpg" width="316" height="45" alt="01"
onMouseOver="document.mainImg.src='images/B1.jpg'"
onMouseOut="document.mainImg.src='images/A1.jpg'"></li>

<li><img src="images/C2.jpg" width="316" height="45" alt="02"
onMouseOver="document.mainImg.src='images/C1.jpg'"
onMouseOut="document.mainImg.src='images/A1.jpg'"></li>

<li><img src="images/D2.jpg" width="316" height="45" alt="03"
onMouseOver="document.mainImg.src='images/D1.jpg'"
onMouseOut="document.mainImg.src='images/A1.jpg'"></li>

</ul>

<p class="main"><img src="images/A1.jpg" width="950" height="auto" alt="01" name="mainImg"></p>
</div>
</body>
</html>




■css

@charset "UTF-8";
/* CSS Document */

body, div, ul, li, img, a {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
#container {
width: 950px;
margin: 0 auto;
}
p.main {
width: 950px;
height: auto;
padding: 0;
}
ul {
width: 950px;
margin: 0;
}
ul li {
float: left;
width: 316px;
height: 45px;
margin-left: 0;
}
img {
cursor: pointer;
border: none;
vertical-align: bottom;
}

初めまして、ホームページ制作勉強中の初心者です。

■サムネイルにマウスオーバーすると、離れた位置に拡大画像を表示する
■サムネイルからのマウスアウトで、最初の拡大画像に戻す。

http://bitd.webcrow.jp/rollover/DW/rollover.html
といった上記のようなトップイメージを作ったのですが
拡大画像はカチッと切り替わるのではなく、ふわっと切り替えたいです。
しかし、思うようにhtml,cssが組めず悩んでおります。

(切り替わりの感じとしては↓下記サイト↓のようなイメージです。)
http://blog...続きを読む

Aベストアンサー

一応確認した手前、サンプルだけあげておきます

<style>
#mainImg img{position:absolute;}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
var org_src="1.jpg";
var list=['2.jpg','3.jpg','4.jpg'];
var speed=1000;
$('ul.menu li').on('mouseover mouseout',function(e){
var num=$('ul.menu li').index(this);
var img_src=(e.type=="mouseover")?list[num]:org_src;

$('#mainImg img').first().css('z-index',1);
$.when(
$('<img src="'+img_src+'">').insertBefore($('#mainImg img').first()).css('z-index',2).hide().fadeIn(speed)
).done(function(){
$('#mainImg img').each(function(){
if($('#mainImg img').index(this)!=0) $(this).remove()
})
});
});
});
</script>
<ul class="menu">
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<p id="mainImg">
<img src="1.jpg">
</p>

※liに対応するlistを設定しておきます
考え方はリストのmouseoverしたときに所定のimgの前に画像を差し込み深度を調整。
一度けして徐々に表示し、表示が終わった時点で元の画像を削除します
mouseoutの際にはorg画像を表示します

一応確認した手前、サンプルだけあげておきます

<style>
#mainImg img{position:absolute;}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
var org_src="1.jpg";
var list=['2.jpg','3.jpg','4.jpg'];
var speed=1000;
$('ul.menu li').on('mouseover mouseout',function(e){
var num=$('ul.menu li').index(this);
var img_src=(e.type=="mouseover")?list[num]:org_src;

$('#mainImg img').first().css('z-index',1);
$.when(
$('<img src="'+img_src+'...続きを読む

Qアドレスばーがでません。

IEのアドレスバーが出ません。激速だかを(早くなると言う代物)いれたからでしょうか。表示→ツールバー→アドレスバーにはチェックはされてます。WIN98・IEバージョン6です。すいません。

Aベストアンサー

画面上部のエクスプローラバー(戻る、とか、お気に入りのある所)のしたの縁にマウスのポインターを持っていくと上下の矢印が表示されませんか?もし表示されれば、それを少し下に動かせば(ドラックすれば)アドレス欄が出てくると思いますよ!!

QCSSで菱形の画像サムネイルを表示し、クリックで元画像を表示させたい

タイトル通りです。
ギャラリーホームページを作っています。
菱形のサムネイルを並べ、クリックしたら元の画像が表示されるようにしたいと思っています。
jQuery?を使えるのが一番なのですが、うまく適用せず、よく分かりませんでした。
CSSでタイトルのような事をするためには、どのようにすればいいでしょうか?

Aベストアンサー

html
<ul>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
</ul>

css
li{
width: 150px;
height: 150px;
overflow: hidden;
position: relative;
transform: rotate(45deg);
margin: 40px;
float: left;
}
li img{
position: absolute;
width: 250px;
height: 250px;
transform: rotate(-45deg) translate(0%, -120%);
left: 100%;
top: 100%;
}

親で正方形を45度傾けたマスクを作り
imgで傾いちゃった画像を元に戻し、
rotate(-45deg)
適当な位置に調整しています。
translate(0%, -120%);
left: 100%;
top: 100%;
クリックすれば、リンクに張られたURLが開きます。

html
<ul>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a></li>
<li><a href="test1.jpg"><img src="test1.jpg"></a><...続きを読む

Q写真の表示と整理が起動ません!

現在、ノートパソコンの附属として入っていたPhoto Shopバージョン3.0を使用しています。1年ぐらい前から「写真の表示と整理」をクリックすると、「Program:...op Element3.0\PhotoshopElementsOrganizer.exe
A buffer overrun has detected which has corrupted the program's internal state. The program cannot safely continue execution and must now be terminated.」
という警告が出されて、プログラムが起動しませんどうしたらよいでしょうか? アドビに聞いても、サポート期間を過ぎているので対応できませんということでした。誰か詳しい方がいましたら、教えてください!よろしくお願いいたします。

Aベストアンサー

再インストールするのが最善。
単体ではインストールできない機種ならリカバリになりますね。

QCSSを使ってのサムネイル画像の表示

イラストの展示をWebで行っています。

現在、
テーブルを利用して、
そこにサムネイル表示で、
イラスト作品より小さい画像を張って、
そこをクリックすると、
おっきい画像が表示される。

というふうにやってきたのですが、
作品が増えてきたため、
サムネイル画像の表示が、
遅くなってきたのが気になってます。

スタイルシート利用すると
表示が早くなると聞いたのですが、
やり方が解らなくて、困ってます。
近くに、Webのプロがいなくて、、。

どなたか、教えて頂けないでしょうか?
お願い致します。

Aベストアンサー

CSSとは、文字色やテーブルの幅、壁紙などの指定などを行なうためのものです

今回の場合は、作品が多くなったためなので、CSSを別ファイルにするよりは
1ページで表示される画像の枚数を制限すべきではないでしょうか?

Q棒読みちゃんのzipファイルが解凍できなません。

 
 既出でしたらすみません。

 フリーソフト「棒読みちゃん」をダウンロードしたのですが、zipファイルの解凍ができません。
 ファイルの展開を選んで展開しても、展開した先が「このフォルダは空です」となります。

 因みに使っているPCはVistaで、Cドライブのユーザーのダウンロードフォルダに入っています(わかりにくい説明ですみません)。

 ダウンロードした「BouyomiChan」のフォルダを右クリックし「すべて展開」を選択しているのですが……どのようにしたら解凍できますでしょうか。

 回答のほど、宜しくお願い申し上げます。質問者、相当参っております。
 

Aベストアンサー

ZIPの解凍に使用しているソフトの対応バージョンが低いのが原因かもしれません。

WinZIPなどのZIP対応の圧縮・解凍ソフトの最新版を使用してみましょう。
※ダウンロードに失敗している可能性もあります。

QCSSの読み込みのタイムラグ

CSS,JS初心者のものです。

http://mydesign.mods.jp/trip_newyork.html

上記ページにて、右のサイドメニューにマウスオンで、斜線の入ったグレーの背景に、文字が白になるようにCSSにて設定しているのですが、キャッシュのない最初のページ読み込みの際に、背景分のCSSが効くのが数秒遅れます。

このページには、
・サイドメニューにスクロールで固定するjquaryを使用している
・大きい画像をクリップしてサムネイルにするjquaryを使用している

ので、何かとバッティングして読み込みが遅れているのでしょうか?
またサムネイルの表示も遅いので何か対策はあるのでしょうか?

解決策があればご教授いただきたいです。
よろしくお願いいたします。

Aベストアンサー

チェックしてみましたが、大きな原因は画像のサイズが大きすぎる・・に尽きるようです。
CSS自体のファイルサイズは画像に比較するととても小さいのですが、ブラウザは、どれから先に読みに行くかはわかりません。
 画像を全て小さいサイズにする。それで全く同じ動作にできます。
 また、CSSで可能なものは、javascriptを使用しない。

Qねこまんまって何をするソフト?

http://www.vector.co.jp/soft/win95/hardware/se254476.html

このソフトはいったい何をするソフトなんでしょうか?わかりやすく教えてください。

Aベストアンサー

プログラムの解析、改造、チェック等に使用するモノです。

例えば、自分で作成したプログラムが正常に動作しない場合、どういった原因で動かないのか、メモリの使用内容をチェックして原因を突き止めたりします。

ただし、悪用するとプログラムのプロテクト外し等にも使用できます。

まぁ、それなりの知識がないと使いこなせないツールです。


人気Q&Aランキング