2007年05月12日

続・オートサムネイル

さきほど、アメリカ本社のExpression Web開発チームから回答があった。
どうも、HTML/XHTMLスキーマによって違ってくるみたい。。。

私は未だに HTML 4.01 Transitional を使ってるんだけど、 一応その場合に出力されるコードをコピペしてみるテスト

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題 1</title>
<style type="text/css">
.style1 {
 border-style: solid;
 border-width: 2px;
}
</style>
</head>

<body>

<p><a href="file:///D:/wanichan/travel/seattle/P1000071.JPG">
<img alt="" src="file:///D:/Temp/Temporary%20Internet%20Files/WebTempDir/P1000071_small.JPG" width="160" height="120" xthumbnail-orig-image="file:///D:/wanichan/travel/seattle/P1000071.JPG" class="style1"></a></p>

</body>

</html>

続きを読む
posted by wanichan at 16:13 | Comment(0) | TrackBack(0) | Expression Web

オートサムネイルと画像の処理

私が書いたExpression Webの本では、オートサムネイル機能を紹介してますが、最初に断っておきます。ごめんなさい！
オートサムネイルを利用した後に吐き出されるコードに問題があります。
指定されたHTMLスキーマにそぐわない xthumbnail-orig-image 属性が<img>タグに追加されてしまうのです。

と、気付いたのはだいぶ後になってから。
リライト（書き直し）するのも時間的に厳しかったので、そのままにしてます（滝汗
ごめんなさい、ごめんなさい、ごめんなさい・・・・orz

問題のないHTMLにするには、オートサムネイル機能を使わず、以下の操作を行ってくださいです。

  1. 変更したいサイズにマウス操作でドラッグして画像の大きさを調整する
    もしくは、その画像をクリックして、[画像のプロパティ]ダイアログボックスの[外観]タブを開いて、サイズを指定する。このとき、 縦横比を維持すれば縦長になったり横長になったりしないので以下の図のようにチェックを入れる
    画像のプロパティ
  2. [画像の処理]ボタンが表示されるので、そのボタンをクリックして、[変更したサイズに画像をリサンプルする]をクリック
    画像の処理ボタンを利用した画面

というわけで、よろしくお願いします（涙

・・・と思ったけど（続きあり）

続きを読む
posted by wanichan at 12:43 | Comment(0) | TrackBack(0) | Expression Web