Search Results 1 pages for 'Ajax loding gif'

  1. [2008.10.30] 로딩 이미지 만들기 [ Ajax loding gif generator ] (24)

로딩 이미지 만들기 [ Ajax loding gif generator ]

Category : Web/Site     Posted at 2008.10.30 18:08
라이트박스를 자신의 입맛에 맞게 스타일을 바꾸려고 할 때나,
플래시 등 이미지를 만드려고 할 때, 이러한 로딩 이미지가 필요할 거라 생각됩니다.



gif 확장자로 레이어를 여러개 만들어 이미지 편집 프로그램으로 만들어도 어려운 일은 아닙니다만,
애니메이션 이미지의 경우, 하나하나 만들어 모두 적용해야 하니 좀 귀찮은 일이 아니지요.
일반적으로 쓰이는 로딩 이미지 경우에는, Ajax loding gif generator 를 이용하시는 게 더욱 편리합니다.
원하는 색상과 모양대로 바로바로 생성이됩니다.






사용 방법)



a. Ajax loding gif generator(http://www.ajaxload.info)로 가면 위와 같은 페이지가 보입니다.






b. 로딩 이미지를 만드는 데 필요한 부분은 좌측에 노란박스로 되어 있는 Generator
붉은박스로 되어 있는 Preview입니다.







c. 먼저 노란박스의 Indicator type의 선택 항목을 열어보면 여러가지 로딩 이미지가 보입니다.
여기서 원하시는 이미지를 선택하시면 됩니다.








d. Background color와는 바탕색이고, Foreground color는 로딩이미지의 색상입니다.
여기서 원하시는 대로 배경과 이미지의 색상을 지정하실 수 있습니다.
컬러코드가 쓰여 있는 항목칸에 마우스의 커서를 놓으면, 자동으로 색상을 고를 수 있는 스크립트가 뜹니다.
마우스를 움직여 컬러피커의 십자 모양을 원하는 색상에 놓으시면 코드가 생성됩니다.








e. Transparent background는 배경을 투명하게 나타내는 것입니다.
투명 기능을 사용할 때는 배경 이미지 색상과 동일하게 바탕색을 지정하셔야 합니다.
로딩 이미지 자체에 투명하게 표현되는 부분이 있기 때문에 배경 색상이 있을 때,
동일한 색상을 사용하지 않으시면 경계가 보여 깨끗하게 표현되지 않습니다.


예)
1. 배경 색상과 동일한 색상을 바탕색으로 지정



2. 배경 색상과 다른 색상을 바탕색으로 지정










f. 원하는 대로 모두 지정하신 후, Generate it!을 클릭합니다.
그러면 Preview에 지정한 대로의 이미지가 뜹니다.
바로 아래, Download it!을 클릭하면 이미지가 저장됩니다.


Ajax loding gif generator로 만들어 본 기타 로딩 이미지입니다.

                     

                        

                      

                

            







신고
Posted by 크림*앙마

::: Write a comment :::

  1. 이전 댓글 더보기
  2. Favicon of http://www.dissertations-writing.co.uk/ BlogIcon writing dissertations commented at 2010.12.18 20:27 신고 │ + - │ add a new comment

    Hi... I read your post and I want to say that it is very good and informative. I like it and I appreciate you for your effort.Thanks..

  3. Favicon of http://maigrirsansregime.blog4ever.com/blog/index-548439.html BlogIcon Jenae commented at 2011.12.13 05:05 신고 │ + - │ add a new comment

    그것은 정말 매력적으로 나는 후회 '다시 쓰기를 정기적으로 .

  4. Favicon of http://perdredupoids.blog.free.fr/ BlogIcon maigrir rapidement commented at 2012.01.23 20:24 신고 │ + - │ add a new comment

    쓰기 위해서는 웹사이트 주제의

  5. Favicon of http://www.tnddj.com BlogIcon Nike Shox commented at 2012.04.24 17:59 신고 │ + - │ add a new comment


    <a href="http://www.tnddj.com/">Nike Shox</a>
    <a href="http://www.tnddj.com/">nike shox rivalry </a>
    <a href="http://www.tnddj.com/">shox </a>
    <a href="http://www.tnddj.com/">shox rivalry </a>
    <a href="http://www.tnddj.com/">nike shox pas cher </a>
    <a href="http://www.tnddj.com/">shox pas cher </a>


    <a href="http://www.tn-tnfrance.com/">air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">tn air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">requin cher </a>
    <a href="http://www.tn-tnfrance.com/">pas cher air max </a>
    <a href="http://www.tn-tnfrance.com/">tn requin</a>
    <a href="http://www.tn-tnfrance.com/">air max tn</a>


    <a href="http://www.chaussuresniketnrequin.com/">TN Requin</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Chaussures Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN Requin</a>

    <a href="http://www.tnrequintnpascher.com">TN Requin</a>
    <a href="http://www.tnrequintnpascher.com">TN Pas Cher</a>
    <a href="http://www.tnrequintnpascher.com">Nike TN</a>
    <a href="http://www.skytnn.com/">Nike air max</a>
    <a href="http://www.skytnn.com/">TN REQUIN</a>
    <a href="http://www.skytnn.com/">Puma Pas Cher</a>

    <a href="http://www.tnrequins2012.com">TN Pas Cher</a>
    <a href="http://www.tnrequins2012.com">Nike tn 2012</a>
    <a href="http://www.tnrequins2012.com">tn foot locker</a>

    <a href="http://www.tnpascherchine.com">TN REQUIN</a> <a href="http://www.tnpascherchine.com">Nike TN</a> <a href="http://www.tnpascherchine.com">Nike Requin</a> <a href="http://www.tnpascherchine.com">Chaussure Requin</a> <a href="http://www.tnpascherchine.com">Air Max Requin TN Pas Cher</a> <a href="http://www.tnpascherchine.com">Puma Pas Cher</a>

  6. Favicon of http://www.tisasnapbackshatsshop.com/obey-snapback-hats-c-69.html BlogIcon OBEY Snapback commented at 2012.07.03 22:15 신고 │ + - │ add a new comment

    애니메이션 이미지의 경우, 하나하나 만들어 모두 적용해야 하니 좀 귀찮은 일이 아니지요.

  7. Favicon of http://www.essaywritingpaper.com/dissertation-help/ BlogIcon Dissertation Help commented at 2012.07.25 08:33 신고 │ + - │ add a new comment

    I am really impressed by this blog! Very clear explanation of issues is given and it is open to everyone. thanks for posting this work of yours..this is very good!

  8. Favicon of http://www.sellsnapbackhats.com/nba-snapback-hats-chicago-bulls-c-1680_1743.html BlogIcon Bulls Snapback Hats commented at 2012.07.27 22:03 신고 │ + - │ add a new comment

    애니메이션 이미지의 경우, 하나하나 만들어 모두 적용해야 하니 좀 귀찮은 일이 아니지요.

  9. Favicon of http://www.azoft.com/mobile-application-development.htm BlogIcon android application development commented at 2012.08.06 00:46 신고 │ + - │ add a new comment

    Thanks for the awesome website here. It's funny that I had to read it with a help of a google translate but that's how it was. Please keep posting such nice posts here in the nearest future too.

  10. Favicon of http://www.essaywritingpaper.com/buy-dissertation/ BlogIcon Buy Dissertation commented at 2012.08.30 07:33 신고 │ + - │ add a new comment

    Truly impressive and nice information. Thanks for sharing.

  11. Favicon of http://www.webdesignbizz.com BlogIcon Website Template commented at 2012.09.04 19:14 신고 │ + - │ add a new comment

    너무 멋져요! 난 당신이로드 발전기의 유용한 컬렉션을 제공 할 있도록 은혜를 아!

  12. Favicon of http://www.casino-de.org/ BlogIcon casino online commented at 2012.09.15 02:59 신고 │ + - │ add a new comment

    本当にありがとうございました、この素晴らしいウェブサイトと同様に、この記事のために。この投稿は、通ってトラックに私を続けているものの一種である。私は仲間から聞いたと喜んでいた後、私はこのサイトを探しまわってきた。おかげでたくさん

  13. Favicon of http://www.hccf.com.au/cafe-design/ BlogIcon cafe design commented at 2012.09.17 21:12 신고 │ + - │ add a new comment

    THnaks for you information..

  14. Favicon of http://www.essaywritingservice.biz/ BlogIcon essay writing service commented at 2012.11.06 18:46 신고 │ + - │ add a new comment

    私はそれを本当に好き!私は常に誠実に詰め込むこの驚くばかりのあなたの簡単な共有を感謝いたします、この議論は、このトピックに光を入れている。

  15. Favicon of http://www.halosys.com/iphone-application-development BlogIcon iPhone Application Development commented at 2012.11.17 20:47 신고 │ + - │ add a new comment

    Nice article and awesome pics. The images described article well and i am really impressed with this type of article. I am also thinking to use images which represents my articles. And this would be a great idea for me. Thanks for the posting.

  16. Favicon of http://www.cvhelp.org/get-help-with-writing-a-cv/ BlogIcon help with writing a cv commented at 2012.11.27 22:40 신고 │ + - │ add a new comment

    This is a really super post. Must admit that you are amid the best writer I have read. I appreciate your making the effort to discuss this class of article.

  17. Favicon of http://www.dissertation-writers.net/how-our-dissertation-writers-online-do-the.. BlogIcon dissertation writers online commented at 2012.11.28 16:48 신고 │ + - │ add a new comment

    Nothing is more absolutely frustrating to any person than needing to write one's thoughts clearly and concisely on paper, in the form of a personal letter to a friend or loved one, a statement of purpose required in a university application, a professional summation of job performance required by a manager, or an essay, research paper, or thesis required by a high school instructor or college professor for a course grade, and not having the fundamental skills to do so.

  18. Favicon of http://www.buytrimountain.com/c-big-tall.html BlogIcon Big and Tall commented at 2013.01.29 16:11 신고 │ + - │ add a new comment

    Great post about this. I'm surprised to see someone so educated in the matter. I am sure my visitors will find that very useful.

  19. Favicon of http://www.protect-business.com BlogIcon business protection commented at 2013.01.29 20:04 신고 │ + - │ add a new comment

    i like to see lap in the miles

  20. Favicon of http://www.rcdbusinessgroup.com BlogIcon business group commented at 2013.01.29 20:04 신고 │ + - │ add a new comment

    i like to see lap in the miles

  21. Favicon of http://www.selfhelpbusinesscenter.com BlogIcon self business commented at 2013.01.29 20:04 신고 │ + - │ add a new comment

    i like to see lap in the miles

티스토리 툴바