Animated gif - page curl

Hi,
Using a Macbook Pro and PS CS6. Can you create animated gifs in Photoshop of page curls? (dogear)
Just curious.
Thank you.
S

Hi
I have found the answer on this link
http://west-wind.com/weblog/posts/1227.aspx
in my case i've added setTimeout call in form:
setTimeout('document.images["processing_image"].src = "/i/gis/processing3.gif"', 200);
Cheers
Pawel

Similar Messages

Animated gif and page refresh problem

Animated gif and page refresh problem
Hi There,
I'm trying to build a simple "Please wait......" screen using jsp and javascript.
So far all is going well except that my animatate gif keeps refreshing everything the page is refresh.
Is there a way the i can prevent the body of the page from refreshing?
below is my sample code:
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<jsp:useBean id="StatusBean" class="com1.CandidateRelease" scope="session"/>
<html>
<script LANGUAGE="JavaScript">
function refresh()
<% if (StatusBean.isRunning()) { %>
     //setTimeout("refresh()", 1000);
     setTimeout("location='status.jsf'", 1000);
<% }else{%>
     window.location= "busStopAdmin.jsf";
<%} %>
</script>
<head>
     <script LANGUAGE="JavaScript">
          refresh();
     </script>
</head>
<body>
     <img id="myImage" src="../img/ojp_wait.gif" alt="" width="151" height="36">
</body>
</html>

Animated gif and page refresh problem
Hi There,
I'm trying to build a simple "Please wait......" screen using jsp and javascript.
So far all is going well except that my animatate gif keeps refreshing everything the page is refresh.
Is there a way the i can prevent the body of the page from refreshing?
below is my sample code:
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<jsp:useBean id="StatusBean" class="com1.CandidateRelease" scope="session"/>
<html>
<script LANGUAGE="JavaScript">
function refresh()
<% if (StatusBean.isRunning()) { %>
     //setTimeout("refresh()", 1000);
     setTimeout("location='status.jsf'", 1000);
<% }else{%>
     window.location= "busStopAdmin.jsf";
<%} %>
</script>
<head>
     <script LANGUAGE="JavaScript">
          refresh();
     </script>
</head>
<body>
     <img id="myImage" src="../img/ojp_wait.gif" alt="" width="151" height="36">
</body>
</html>

Animated GIF won't Animate while page is loading

Hi all,
I need my animated gif to be animated while other page elements are loading, but it is frozen until the page loads. Any advice?
Regards,
Kelly
Personal Blog: http://thebitsthatbyte.com

There are few options available, refer to the following posts,
http://stackoverflow.com/questions/5829382/animated-gif-while-loading-page-does-not-animate
http://www.webdeveloper.com/forum/showthread.php?90647-RESOLVED-ie-animated-gif-freeze-til-page-loads
http://forums.asp.net/t/1814498.aspx?loader+gif+IE+problem
--Cheers

How do I open with an animated gif and then go to home page?

I apologize for the newbie question, but I would like to have
an animated gif intro to a web page. Is it possible to have the gif
play and then go to the index file? Or do I need to insert the gif
into an index file and save the home page as something different?
If so, how do I get it to go to the home page automatically?
Any help is appreciated.

>I apologize for the newbie question, but I would like to
have an animated
>gif
> intro to a web page.
This is called a 'splash page'. To do it, you'll make your
default home page
(index.html/default.html/whatever) this splash page, then
you'll have then
sent to whatever other page you want it to go to...either via
a HREF or a
META REFRESH tag.
You can't actually time the refresh to coincide with the gif
finishing it's
animation, though. For that, you'd have to use Flash
animation.
But keep in mind that this technique is pretty much frowned
upon these days.
It's an unecessary barrier betwen your users and your content
and is seen by
many as a rather dated/amateur technique.
-Darrel

Splash page with animated gif only question

Hello all:
I have a splash page (index.html) that is designed using an animated gif created in photoshop. The rest of my site is Css/XHTML, but has some divs containing animated gifs. I have two questions;
1: By using only the animated gif on the splash page, am I limiting or hindering my SEO (google, microsoft, yahoo) ranking opportunities as there is no "content" on the page that the spiders/bots can see? I went ahead and included some "content" but hid it by coloring the type the same as the background color hoping that might do something, but obviously I'm a SEO newbie so any suggestions are more than welcomed. I will include the code at the end of this post, and my site is: http://reynolds-marketing.com.
2. Is there a way to pre-load the animated gifs on my pages so that they play more smoothly and efficiently?
TIA for any of your help. Murman
The code for the splash page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reynolds Marketing - The Marketing Resource Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Reynolds Marketing is a marketing services company offering a full spectrum of marketing services including: consultation, creative, production and logistical marketing services headquartered in Temecula, CA." />
<meta name="keywords" content="Reynolds, Reynolds Marketing, marketing services company, marketing services agency, full spectrum of marketing services, full service marketing agency, marketing consultant, print creative, digital printing, offset printing, website design, website development, digital marketing, digital print on demand, DPOD,Video Production, Video Production, Direct Mail, Temecula, powerpoint presentations" />
<link rel="shortcut icon" href="http://www.reynolds-marketing.com/favicon.ico"/>

<style type="text/css">

</style>

</head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" id="index_" style="background-color:#FFFFFF;">
<p>

<img src="images/index.gif" alt="" width="640" height="480" border="0" usemap="#indexMap" id="index" /></p>
<p>Reynolds Marketing offers a full spectrum of marketing communications services including: consultation, creative, production and logistical marketing services located in Temecula, California. Our services include marketing consultation, press relations, public relations, copy writing, print creative, direct mail creative, video creative, web creative, interactive creative. Print production, direct mail, video production, web page creation and production. Digital print on demand, fulfillment services, powerpoint presentations, marketing communications, marketing communications conformance. To find out more about our services, please go to <a href="http://www.reynolds-marketing.com/who_we are.html">http://www.reynolds-marketing.com/who_we are.html</a> . </p>
<p>Site map:<br />
<a href="http://www.reynolds-marketing.com/index.html">http://www.reynolds-marketing.com/index.html</a><br />
<a href="http://www.reynolds-marketing.com/who_we_are.html">http://www.reynolds-marketing.com/who_we_are.html</a><br />
<a href="http://www.reynolds-marketing.com/contact_us.html">http://www.reynolds-marketing.com/contact_us.html</a><br />
<a href="http://www.reynolds-marketing.com/what_we_do.html">http://www.reynolds-marketing.com/what_we_do.html</a><br />
<a href="http://www.reynolds-marketing.com/services.html">http://www.reynolds-marketing.com/services.html</a><br />
<a href="http://www.reynolds-marketing.com/clients.html">http://www.reynolds-marketing.com/clients.html</a><br />
<a href="http://www.reynolds-marketing.com/projects.html">http://www.reynolds-marketing.com/projects.html</a><br />
<a href="http://www.reynolds-marketing.com/news.html">http://www.reynolds-marketing.com/news.html</a></p>
<p>
<map name="indexMap" id="indexMap">
    <area shape="rect" coords="296,434,342,444" href="who_we_are.html" />
    <area shape="rect" coords="228,451,286,461" href="who_we_are.html" />
    <area shape="rect" coords="296,451,353,461" href="what_we_do.html" />
    <area shape="rect" coords="364,451,416,461" href="contact_us.html" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8703884-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

My guess is yes, but that is just my opinion. I believe the text/background same color idea was really in vogue back in the late 90's and we all heard that it was the kiss of death for SEO that the SE's hated them so much you got de-listed, not sure if that is a fact or not.
My bigger concern would be how many people you are losing by making them wait to get to where they want to go. I have told many a client that in some sense, the interent is too big, you have too much competition and people have thin patience for things like splash pages. The ooo and aaa effect of animated gifs is long dead...again, in my opinion.
I dont know the answer to your load question...
Gray

How to download an animated .gif from a web page

how do i download to my mac an animated gif that is on a web page....when i want a picture or text or something like that i just ...apple shift 4 and "take a picture of it" ...but i want the animation..i have never had to do that on this mac.....a windoze person from the site(chat site) said just right click but my wireless mac mouse doesnt do that....i would appreciate any help.....i do know how to down load from a site that has downloadable .gifs...you just click the download sign they have and no problem....but this is just a random animated .gif from a web page ....i hope my ques is clear....thank you

Drag and drop it from the webpage onto your desktop. Note that it won't remain "animated" while you're looking at the file's icon, but it should work if you build it into a new website.
And you can right-click with a Mac mouse - you just have to set it up to do so in System Preferences. (Set the right side of the mouse to be a "secondary click".)
Matt

How to add Animated GIF to an iWeb '11 page?

Trying to take our existing website (not created in iWeb) and recreate in iWeb. Have an animated GIF on our home page. When I try to drag the GIF to the iWeb page, it's no longer animated. And when I publish, again it's no longer animated. I need help.
Doug

It should play. Publish you site to a folder on the hard drive and open it locally to see if it plays there.
What's the URL of your site so we can examine it first hand?
Make sure there's no object under the gif file. I found trying to put an image behind it would kill the gif and require me to remove the give and add it again to the page. They seem to be a little picky.
OT
Message was edited by: Old Toad

"mail contents of this page" won't support animated gifs

Let me start by saying that i know that Mail doesn't support animated gifs. However, up untill last year, i was able to email moving animated gifs by putting them online and mailing the content of the safari page (command i). I haven't made any updates to Mail or safari, yet this feature suddenly stopped working. I am still able to use command with still images, but when i try to use the command on an animated gif, nothing happens and it's grayed out in the menu.
I can't figure out how to email a moving gif via gmail either.
(Just to clarify, I know I can send a gif file, but It's useless if it doesn't show up as a moving image in the recipient's inbox).
Does anyone have a fix for this issue or another idea how to email a moving animated gif?
Many thanks!

Yes, that was the problem. Mail couldn’t save a temporary copy of the message in Drafts because AOL doesn’t let IMAP clients such as Mail to create or manage mailboxes at the root level of the account directory, only as subfolders of Saved, and this causes Mail to not work properly if Store messages on the server is turned ON for any of the mailboxes in Preferences > Accounts > Mailbox Behaviors. You should turn Store messages on the server OFF for all the standard mailboxes, so that they are stored locally instead.

How do I stop playing animated GIF's within web pages?

Various websites display numerous images available for download. Some of those images are animated GIF files. These files take time to load and chew up a lot of my limited upload/download usage. IE Explorer let me see a single image for the GIF but doesn't load or play the GIF. How do I get that same setting in Mozilla Fire Fox?

hello vyoumans,
i found a couple different ways this can be done.
1. this firefox addon, [https://addons.mozilla.org/en-US/firefox/addon/toggle-animated-gifs/ Toggle animated GIFs], seems to work pretty good. ctrl+m toggles the animations on and off.
2. if you don't want to install an addon, you can go to your browser configuration file. type ''about:config'' in the address bar and find the entry ''image.animation_mode''. double click it and set its value to ''none''. this should disable all GIF animations

Flash vs. Animated GIF for web page

I recently bought a flash template which looked really cool.
However after realizing I was in over my head and reading numerous
posts on Flash sites I am thinking that I should scrap the Flash
altogether. It is an awesome utility but for what I need I am
thinking an animated gif would do better. One concern is that I
don't want a prompt asking people that go to my website to download
an ActiveX control. I know that annoys me so I want to circumvent
it.
What is the general consensus on when to use Flash and when
to use an animated GIF?
Is an animated GIF the best alternative or is there something
else that makes more sense?
On my homepage I would like a GIF to loop continuously in the
background and perhaps have another animated GIF on top of it that
runs once then stops. Is this easily do-able? Is there a way to get
the anim GIF to download fully before it runs and perhaps show a
still of the GIF as a placeholder until the anim GIF is ready?
Any responses would be greatly appreciated.
Patrick
p.s. I posted this message to the Flash group then realized
it is more appropriate here

Just some thoughts on the subject...
Some people disable Flash, in their browser. Also, some
people use browsers that are not up-to-date and their Flash, in
particular, may be out of date. OTOH, others, like me, set animated
GIFs to animate only twice or maybe even, not at all.
Considering all that, I typically use animated GIFs, unless
there is an abiding reason to use Flash. The reason is that in the
history of Flash, there have been several version changes, while
there has only been one version of animated GIFs. In other words,
with animated GIFs, I don't have to worry if my visitor's browser
is up-to-date or not.
Since most of my clients are heavily dependent upon their web
site for income, my rule of thumb is, to try not to use any
technology that would limit the number of visitors who can view the
site, without any problems. After all, would you want to tell even
10% of your potential customers to
"Go away until your browser is up to date"? Think about
it...
That means avoiding, whenever reasonable, Flash, Java and
other plugins. For example, I used to use JavaScript for drop-down
menus. But now, I do the entire thing with CSS.
If your site is offering a product that everyone already
knows about and
already wants, then you can expect your visitors to take
that extra step (such as turning on JavaScript or downloading the
latest version of Flash) in order to use those features. In other
words, Microsoft and Fox News can expect you to have an up-to-date
browser, with all of the features enabled.
But, if you are trying to sell people on a new product that
they know nothing about, you can't afford to drive away even 1% of
your visitors. After all, that 1% might contain the purchasing
manager for a large corporation that might have bought thousands of
units of your product, had he been able to view your site.
On another related subject, there is one important note about
continuous animated GIFs. It's a good idea to make the first and
last frame the same, with the last frame set to just 1/100 of a
second. Those frames should also be the most image in the
animation. That way, if the visitor has animations disabled, he
sees the first frame and that's all. On the other hand, if the
visitor is like me and has animations set to one or two cycles,
then when the animation stops, it is on the last frame - not the
first. If your last frame is the same as the first, then the
animation stops on your most important frame.
That 1/100 of a second won't make any difference in your
animation, but adding that extra frame at the end of the animation
insures that regardless of what limits the visitor may have placed
on animations, they will always see your most important frame.
As for preloading the GIFs, you can do it with JavaScript.
Just remember that, in that case, you are depending upon the
visitor having JavaScript enabled.
One other option that may help with some browsers is to place
the animated GIF inside a <DIV> of the exact same size as the
image and then set the background of the <DIV> to a static
version of the foreground GIF.
I hope that this helps.

Importing .GIF into Fc will not play the animated gif in output

I imported a animated .gif (attached video.gif) into Fc (of a sequence of pics I took saved as an animated .gif)
It inported as a "bitmap image" and upon export to swf it did NOT show the .gif as an animated .gif but just shows the first frame..
(It did not put this file into an assests folder...)
So I converted the "bitmap image" into an optimaized graphic...and NOW it DOES put the original animated gif into the "assets" folder with a Graphic1.fxg and video.gif in that folder.. and If I open the gif in the assest folder it plays it as the animated .gif it is..
BUT SADLY upon export to SWF it still DOES not play the gif as an animated gif.. just the first frame...
Can I do anything in the code to tell the swf file that is exported to play the gif in the assest folder as an animated gif not just show the frame?
I did the animated gif approach becasue I setup a photoshop cs4 file with a quicktime video as a layer and Fc only brought in the first frame of the quicktime layer..
Could the next beta of Fc include the ability to import and play animated gifs as artwork as well AND/or to import Ps Cs4 video layers as videos
So I would have to created a video page in flash pro and import that as a object? into a state?
(no experience with flash pro but just bought cs4 and will try to learn FlashPro overweekend)

Interesting. I don't think this is somethign you can do in Flash Catalyst. We have .GIF support in the Flash Player but I don't think you can use a GIF asset inside Catalyst. If you need that GIF to play you'll have to embed it using Flash Builder.
But Flash Catalyst will support video version 1.0. I don't think you can turn arbitrary layers into "video" layers but you can bring in video files (like .FLV) and then attach components to behaviors (like play, stop, etc).
=Ryan
[email protected]

How to edit a Animated Gif file and convert to SWF

I am using the creative cloud with fireworks. I chose the free trial with buying in mind if I saw it work properly. I simply want to upload an animated GIF file and then download it as a SWF file. I saw someone on youtube do this and it's not that if I get on the correct page I would not know how to do that but I just cannot find how to get the GIF into the software to edit. It has just simply put them in the creative cloud folder which can open them on IE> How do i make it available to edit and convert to SWF please? Thanks in advance.

You will likely get better program help in a program forum
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Animated GIF not cycling frames in Tomcat

I have pages that use animated gif files to get across a point.
In the IDE, they cycle the images as they should
SunAppserver cycles them properly.
I only get the first frame in Tomcat (5.5.7)
Over on the java.net, I saw this on a page concerning JAI:
GIF
The decoder supports animated GIF files and GIF files with transparent background. Only the first frame of an animated GIF file may be loaded via JAI; subsequent frames must be obtained via direct use of the ancillary codec classes.
Um, am I missing something, or is this a Tomcat problem ?

You just need transparency in your file. Not sure if it has to be pre-multiplied. In graphic converter you need to remove the backgrounds. Haven't used GC in years so can't say how you can be sure it's gone but in Photoshop, Illustrator and After Effects you can choose to have a checkerboard background to tell you when you are seeing 'thru' the image and by how much (the overall opacity or mask of the whole image if that doesn't confuse the issue).
If you are using PS images they will almost certainly generated with a set of rectangles including a perimeter cropping box and white background and these need to go either before it's bitmapped in a vector base app or the relevant pixels erased after it has been bit mapped in GC. As previously mentioned, if you have a unique bkgd colour, colour selecting/keying are some ways to do this). Much faster for >10 images to generate the plots without the bkgd but this may not be possible, what software is source material coming from?
I regularly bring in vector based moving art-work into keynote with alpha from Adobe AE, Apple Quartz and rendered .mov files. Some codecs (H.264) don't support a separate alpha channel (RGBA) but PNG (slow to render) and animation and a bunch of others do. Pre-multiplying removes the A channel in the RGBA (by multiplying the R/G/B by the A values) thereby speeding and making compatible with some GPUs/render pipelines.

Animated GIF with hover?

Here is an animated GIF where you can stop and start it when you hover over it. I know how to make them in PSD but not sure how to do it with the hovering (scroll down to see it on page below):
http://www.sbnation.com/2014/1/16/5304078/breaking-madden-49ers-vs-seahawks-beeftank
If this something I can do in Muse? Requires coding or is it a PSD function? I use PSD CS4.
Thanks.

Hello,
This setup is possible in Muse. Please follow the steps below :
1) First save a copy of your GIF as Jpeg image image (with just first frame of your JIF)
2) Now place a Blank Composition Widget and keep only one Trigger and target in it (Delete the rest).
3) Now place your GIF in Target and in Trigger, use the Fill option at top and fill the Tirgger container with the JPEG image.
4) Select Trigger again and using the states option, you would need to delete the Fill image from Rollover, Mousedown and Active state.
5) Place the Trigger on top of Target container and from Widget flyout opion, use the settings as shown in the image below :
A long process but should help you achieve what the effect.
Regards,
Sachin

Animated gif looping doesn't work in safari

I made an animated gif through the animation option in Photoshop (used to use Image Ready, but now use photoshop/animation view). Anyway, it is a super simple gif with eight frames set to loop twice. When saved and then put into an HTML page, it loops twice on a PC using IE, and on a Mac, it plays correctly using Firefox, but in Safari it only plays once. As an experiment, I set it to play once and it "behaves" correctly on all browsers. Similarly, if I set it to play "forever" -- it behaves as expected on all browsers. BUT, any choice of number of loops cause inconsistency. In Safari, it always plays one less time than it was "programmed" to play. Does anybody have any advice on this?
Thanks.

I believe there is a way to have two versions of say the gif run the main one and one with three lops and tell you server not to load the first one if it detects safari but to load the second one with the right argument.
Or try the new Safari 4 just released today.

Animated gif - page curl

Similar Messages

Maybe you are looking for