<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>JavaScript: 複数の画像をアニメーション GIF のように表示する AnimateImage (旧バージョン) へのコメント</title>
	<atom:link href="http://attosoft.info/blog/release-animate-image-js/feed/" rel="self" type="application/rss+xml" />
	<link>http://attosoft.info/blog/release-animate-image-js/</link>
	<description>Wish to be a programmer rather than a coder</description>
	<lastBuildDate>Mon, 04 Jun 2012 23:16:24 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<item>
		<title>cyon より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1155</link>
		<dc:creator>cyon</dc:creator>
		<pubDate>Sun, 26 Jun 2011 06:33:17 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1155</guid>
		<description>対応ありがとうございます！
思ったような動きが実現できたので、嬉しいです＞＜</description>
		<content:encoded><![CDATA[<p>対応ありがとうございます！<br />
思ったような動きが実現できたので、嬉しいです＞＜</p>
]]></content:encoded>
	</item>
	<item>
		<title>attosoft より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1154</link>
		<dc:creator>attosoft</dc:creator>
		<pubDate>Sat, 25 Jun 2011 19:28:46 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1154</guid>
		<description>&gt; ※ 参考までに、アニメーション終了時に最初の画像に巻き戻す (rewind = true) をデフォルトの動作にしたい場合は次のような記述になります。

実際にはバグのため正しく動いてませんでした。

&lt;dl&gt;
  &lt;dt&gt;version 0.6.4.1&lt;/dt&gt;
  &lt;dd&gt;animateImage() 関数の引数 rewind に false を指定するとデフォルト値 (Animations.rewind) で上書きされるバグを修正&lt;/dd&gt;
&lt;/dl&gt;</description>
		<content:encoded><![CDATA[<p>> ※ 参考までに、アニメーション終了時に最初の画像に巻き戻す (rewind = true) をデフォルトの動作にしたい場合は次のような記述になります。</p>
<p>実際にはバグのため正しく動いてませんでした。</p>
<dl>
<dt>version 0.6.4.1</dt>
<dd>animateImage() 関数の引数 rewind に false を指定するとデフォルト値 (Animations.rewind) で上書きされるバグを修正</dd>
</dl>
]]></content:encoded>
	</item>
	<item>
		<title>attosoft より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1153</link>
		<dc:creator>attosoft</dc:creator>
		<pubDate>Sat, 25 Jun 2011 17:42:00 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1153</guid>
		<description>&gt; 複数のアニメーションが存在しているとき、
&gt; その中のうち、ひとつのアニメーションに
&gt; Animations.rewind = true
&gt; を適用させて、アニメーション終了時に最初の画像に
&gt; 巻き戻そうと思ったのですが、
&gt; すべてのアニメーションに巻き戻しが適用されてしまいます。
&gt; ※デフォルトの設定は rewind:false でループしない設定にしています。

Animations.rewind をアニメーションごとに設定するような状況は考えてませんでしたので、確かに指摘されたような挙動になります。

アニメーション終了時に最初の画像に巻き戻すかどうか (Animations.rewind) をアニメーションごとに設定できるように修正した version 0.6.4 をリリースしました。animateImage() 関数で引数 rewind を指定することで、アニメーション終了時に最後の画像のままにしておくか、あるいは最初の画像に巻き戻すかをアニメーションごとに設定することができます。

※ &lt;a href=&quot;#example&quot; rel=&quot;nofollow&quot;&gt;記述例&lt;/a&gt;3 にも書きましたが、アニメーション終了時に最初の画像に巻き戻すかどうかをアニメーションごとに設定する場合は次のような記述になります。

&lt;pre&gt;
animateImage(&#039;id-foo&#039;, &#039;Foo{0}.png&#039;, 5, &#039;Image Foo&#039;, 500, 1);
animateImage(&#039;id-bar&#039;, &#039;Bar{0}.png&#039;, 5, &#039;Image Bar&#039;, 500, 1, true);
&lt;/pre&gt;

※ 参考までに、アニメーション終了時に最初の画像に巻き戻す (rewind = true) をデフォルトの動作にしたい場合は次のような記述になります。

&lt;pre&gt;
Animations.rewind = true;
animateImage(&#039;id-foo&#039;, &#039;Foo{0}.png&#039;, 5, &#039;Image Foo&#039;, 500, 1, false);
animateImage(&#039;id-bar&#039;, &#039;Bar{0}.png&#039;, 5, &#039;Image Bar&#039;, 500, 1);
&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p>> 複数のアニメーションが存在しているとき、<br />
> その中のうち、ひとつのアニメーションに<br />
> Animations.rewind = true<br />
> を適用させて、アニメーション終了時に最初の画像に<br />
> 巻き戻そうと思ったのですが、<br />
> すべてのアニメーションに巻き戻しが適用されてしまいます。<br />
> ※デフォルトの設定は rewind:false でループしない設定にしています。</p>
<p>Animations.rewind をアニメーションごとに設定するような状況は考えてませんでしたので、確かに指摘されたような挙動になります。</p>
<p>アニメーション終了時に最初の画像に巻き戻すかどうか (Animations.rewind) をアニメーションごとに設定できるように修正した version 0.6.4 をリリースしました。animateImage() 関数で引数 rewind を指定することで、アニメーション終了時に最後の画像のままにしておくか、あるいは最初の画像に巻き戻すかをアニメーションごとに設定することができます。</p>
<p>※ <a  href="#example" rel="nofollow">記述例</a>3 にも書きましたが、アニメーション終了時に最初の画像に巻き戻すかどうかをアニメーションごとに設定する場合は次のような記述になります。</p>
<pre>
animateImage('id-foo', 'Foo{0}.png', 5, 'Image Foo', 500, 1);
animateImage('id-bar', 'Bar{0}.png', 5, 'Image Bar', 500, 1, true);
</pre>
<p>※ 参考までに、アニメーション終了時に最初の画像に巻き戻す (rewind = true) をデフォルトの動作にしたい場合は次のような記述になります。</p>
<pre>
Animations.rewind = true;
animateImage('id-foo', 'Foo{0}.png', 5, 'Image Foo', 500, 1, false);
animateImage('id-bar', 'Bar{0}.png', 5, 'Image Bar', 500, 1);
</pre>
]]></content:encoded>
	</item>
	<item>
		<title>cyon より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1152</link>
		<dc:creator>cyon</dc:creator>
		<pubDate>Sat, 25 Jun 2011 13:00:09 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1152</guid>
		<description>お世話になります＞＜

複数のアニメーションが存在しているとき、
その中のうち、ひとつのアニメーションに
Animations.rewind = true
を適用させて、アニメーション終了時に最初の画像に
巻き戻そうと思ったのですが、
すべてのアニメーションに巻き戻しが適用されてしまいます。
※デフォルトの設定は rewind:false でループしない設定にしています。

ご確認いただけたらと思います＞＜</description>
		<content:encoded><![CDATA[<p>お世話になります＞＜</p>
<p>複数のアニメーションが存在しているとき、<br />
その中のうち、ひとつのアニメーションに<br />
Animations.rewind = true<br />
を適用させて、アニメーション終了時に最初の画像に<br />
巻き戻そうと思ったのですが、<br />
すべてのアニメーションに巻き戻しが適用されてしまいます。<br />
※デフォルトの設定は rewind:false でループしない設定にしています。</p>
<p>ご確認いただけたらと思います＞＜</p>
]]></content:encoded>
	</item>
	<item>
		<title>attosoft より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1151</link>
		<dc:creator>attosoft</dc:creator>
		<pubDate>Fri, 24 Jun 2011 18:39:13 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1151</guid>
		<description>なんか頻繁なバージョンアップになってしまってちょっと申し訳ないです。

修正をある程度まとめてからリリースしようと思ってるのですが、リリースしてから追加したい機能やスマートな実装方法を思いつくもので…。

けれどそろそろネタ切れですし、使用に耐える程度の機能は実装し終えたという認識ですので、新しいアイディアが浮かばない限りしばらく&lt;del&gt;バージョンアップはないでしょう&lt;/del&gt; (前言撤回：version 0.6.4 にバージョンアップしました)。</description>
		<content:encoded><![CDATA[<p>なんか頻繁なバージョンアップになってしまってちょっと申し訳ないです。</p>
<p>修正をある程度まとめてからリリースしようと思ってるのですが、リリースしてから追加したい機能やスマートな実装方法を思いつくもので…。</p>
<p>けれどそろそろネタ切れですし、使用に耐える程度の機能は実装し終えたという認識ですので、新しいアイディアが浮かばない限りしばらく<del>バージョンアップはないでしょう</del> (前言撤回：version 0.6.4 にバージョンアップしました)。</p>
]]></content:encoded>
	</item>
	<item>
		<title>cyon より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1150</link>
		<dc:creator>cyon</dc:creator>
		<pubDate>Fri, 24 Jun 2011 13:05:52 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1150</guid>
		<description>バージョンアップありがとうございます！
重宝しております！＞＜</description>
		<content:encoded><![CDATA[<p>バージョンアップありがとうございます！<br />
重宝しております！＞＜</p>
]]></content:encoded>
	</item>
	<item>
		<title>cyon より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1149</link>
		<dc:creator>cyon</dc:creator>
		<pubDate>Thu, 23 Jun 2011 12:44:55 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1149</guid>
		<description>マイナーバージョンアップもすごく便利です！
CSSが適用できるようになって、かゆいところにも
手が届きます…！＞＜</description>
		<content:encoded><![CDATA[<p>マイナーバージョンアップもすごく便利です！<br />
CSSが適用できるようになって、かゆいところにも<br />
手が届きます…！＞＜</p>
]]></content:encoded>
	</item>
	<item>
		<title>attosoft より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1148</link>
		<dc:creator>attosoft</dc:creator>
		<pubDate>Thu, 23 Jun 2011 08:00:18 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1148</guid>
		<description>いえ、こちらこそご利用いただけてうれしいです。モチベーションにもつながりますし。

※ &lt;a href=&quot;/blog/animateimage-0-6-1/&quot; rel=&quot;nofollow&quot;&gt;AnimateImage version 0.6.1&lt;/a&gt; にマイナーバージョンアップしました。アニメーション画像にスタイル (CSS) を適用できるよう、デフォルトで img@class=”animation” を設定します。</description>
		<content:encoded><![CDATA[<p>いえ、こちらこそご利用いただけてうれしいです。モチベーションにもつながりますし。</p>
<p>※ <a  href="/blog/animateimage-0-6-1/" rel="nofollow">AnimateImage version 0.6.1</a> にマイナーバージョンアップしました。アニメーション画像にスタイル (CSS) を適用できるよう、デフォルトで img@class=”animation” を設定します。</p>
]]></content:encoded>
	</item>
	<item>
		<title>cyon より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1147</link>
		<dc:creator>cyon</dc:creator>
		<pubDate>Wed, 22 Jun 2011 17:44:36 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1147</guid>
		<description>こういうスクリプトが欲しいと思っていました！
ホントにありがとうございました！

変更点にある機能は、欲しかったものばかりなのでとても嬉しいです＞＜</description>
		<content:encoded><![CDATA[<p>こういうスクリプトが欲しいと思っていました！<br />
ホントにありがとうございました！</p>
<p>変更点にある機能は、欲しかったものばかりなのでとても嬉しいです＞＜</p>
]]></content:encoded>
	</item>
	<item>
		<title>attosoft より</title>
		<link>http://attosoft.info/blog/release-animate-image-js/#comment-1146</link>
		<dc:creator>attosoft</dc:creator>
		<pubDate>Wed, 22 Jun 2011 16:41:20 +0000</pubDate>
		<guid isPermaLink="false">http://attosoft.info/blog/?p=1622#comment-1146</guid>
		<description>コメントありがとうございます。

せっかくコメントをいただいたので AnimateImage スクリプトの改良に取り組み、先ほど &lt;a href=&quot;/blog/animateimage-0-6/&quot; rel=&quot;nofollow&quot;&gt;AnimateImage version 0.6&lt;/a&gt; を公開しました。

アニメーションをループさせない件については既に自己解決されたようですが、ほかにも改良点がいくつかありますので良かったらお使いください。

※ 前バージョン (0.5) からの変更点

&lt;ul&gt;
    &lt;li&gt;アニメーションごとに異なるアニメーション間隔を指定できなかった制限を解消&lt;/li&gt;
    &lt;li&gt;アニメーションの繰り返し回数の指定に対応 (異なる繰り返し回数の指定にも対応)&lt;/li&gt;
    &lt;li&gt;複数のアニメーションに共通するアニメーション設定の導入
        &lt;ul&gt;
            &lt;li&gt;共通のアニメーション間隔&lt;/li&gt;
            &lt;li&gt;共通のアニメーションの繰り返し回数&lt;/li&gt;
            &lt;li&gt;アニメーション終了時に最初の画像に巻き戻すかどうか&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;

※ (ループしない) 1 回のアニメーションに加えて、任意の回数のアニメーションもできます。またアニメーション設定を利用すると、アニメーション間隔やアニメーションの繰り返し回数をまとめて指定できます。たとえば &quot;Animations.repeat = 1&quot; と記述しておけば animateImage 関数で繰り返し回数の指定が省略できます。それからアニメーション終了時に最後の画像のままにしておくか、最初の画像に巻き戻すかを指定できます。</description>
		<content:encoded><![CDATA[<p>コメントありがとうございます。</p>
<p>せっかくコメントをいただいたので AnimateImage スクリプトの改良に取り組み、先ほど <a  href="/blog/animateimage-0-6/" rel="nofollow">AnimateImage version 0.6</a> を公開しました。</p>
<p>アニメーションをループさせない件については既に自己解決されたようですが、ほかにも改良点がいくつかありますので良かったらお使いください。</p>
<p>※ 前バージョン (0.5) からの変更点</p>
<ul>
<li>アニメーションごとに異なるアニメーション間隔を指定できなかった制限を解消</li>
<li>アニメーションの繰り返し回数の指定に対応 (異なる繰り返し回数の指定にも対応)</li>
<li>複数のアニメーションに共通するアニメーション設定の導入
<ul>
<li>共通のアニメーション間隔</li>
<li>共通のアニメーションの繰り返し回数</li>
<li>アニメーション終了時に最初の画像に巻き戻すかどうか</li>
</ul>
</li>
</ul>
<p>※ (ループしない) 1 回のアニメーションに加えて、任意の回数のアニメーションもできます。またアニメーション設定を利用すると、アニメーション間隔やアニメーションの繰り返し回数をまとめて指定できます。たとえば "Animations.repeat = 1" と記述しておけば animateImage 関数で繰り返し回数の指定が省略できます。それからアニメーション終了時に最後の画像のままにしておくか、最初の画像に巻き戻すかを指定できます。</p>
]]></content:encoded>
	</item>
</channel>
</rss>

