fc2ブログ
ブログパーツ

趣味の工房

動く画像...GIFアニメーションを作成する

みなさん、こんばんは

先日導入した【Colorbox】の改造にハマッています

今回改造したのはコチラ。
2011y05m24d_193737709.jpg

画像を読み込んでいる最中に表示される「GIFアニメーション」です。
GIFアニメーションとは、1つの画像の中に複数の画像が保存されていて、それがパラパラ漫画のような要領で動く仕組みになっています。
但し、最大で256色までの色数でしか保存できないため、写真のようなものよりも、アイコンやバナーのようなものに向いています。


現在は先日の記事の通り【Colorbox】の「Exampe1」を少しだけカスタマイズしたものを使っているのですが、その読み込み中に表示される画像(Loading)を、作成したものに差し替えました。


ajax-loader(1).gif          loading004.gif
   変更前             変更後     






実は、これら「Loading」のGIFアニメはコチラのサイトでも作成が可能です。


2011y05m24d_215628672.jpg 2011y05m24d_215634491.jpg
【ajaxload.info】                【loadinfo】



コチラのサイトで作成、ダウンロードしてもいいのですが、せっかくならオリジナルも作ってみたいという方は、フリーソフトでも作成できます。

loading000.gifloading001.gifLoadingani.gif


作り方、【Colorbox】への適用の仕方は続きから...



続きを読む



ランキングに参加しております。クリックにご協力を♪
にほんブログ村ランキングへ
にほんブログ村





    23:31 | Trackback : 0 | Comment : 13 | Top
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示