Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-07-2012, 01:20 PM   PM User | #1
Buffmin
Regular Coder

 
Join Date: Aug 2011
Posts: 192
Thanks: 112
Thanked 0 Times in 0 Posts
Buffmin is an unknown quantity at this point
Animated gif background?

I am doing a website for a client that has to do with show dogs and she would like an animated background with puppies that float down the screen. That is what she wants. I do not want to use flash and guess I would try and do this with animated gifs and a fixed background.

I am not asking for details, but was hoping that someone could please point me in a direction. Thank you very much, Buffmin
Buffmin is offline   Reply With Quote
Old 02-07-2012, 03:17 PM   PM User | #2
jackdaniels
New Coder

 
Join Date: Feb 2012
Posts: 11
Thanks: 0
Thanked 4 Times in 4 Posts
jackdaniels is an unknown quantity at this point
You could do something similar like this CSS3 page is doing with animation:
http://thecreativeservicesblog.com/w.../examples.html

If it was me, I would look to talk them out of it, especially since I, nor most people have never done something like this before. You want visitors to focus on content not some dog floating by. Manage their expectations right of the bat when they mention they want this done. Tell them you'll look into it, and it is not a common request, and could possibly cost additional $$ due to the time spent to accomplish the task.

Last edited by jackdaniels; 02-07-2012 at 03:20 PM..
jackdaniels is offline   Reply With Quote
Old 02-07-2012, 03:27 PM   PM User | #3
Buffmin
Regular Coder

 
Join Date: Aug 2011
Posts: 192
Thanks: 112
Thanked 0 Times in 0 Posts
Buffmin is an unknown quantity at this point
Hi jackDanielst. That page doesn't seem to work right in my IE8, but does work fine in firefox. Pretty cool, really. I wasn't sure if the browsers are all cs3 ready.?

I know it is a useless option, but I am just trying to give the customer what the customer wants. Just hoping there was an easy way to do this. Didn't know if I could could do it with javascript of jquery maybe?
Buffmin is offline   Reply With Quote
Old 02-07-2012, 03:54 PM   PM User | #4
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,613
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
Buffmin, I would advise you that as designer you educate your client what’s good and bad practice in web design. Explain her that animated background images are counter productive because they are distracting from the actually relevant things on the site. Animations should be used very sparsely and unobtrusively and special care should be taken as to when to use animations. It definitely shouldn’t be used just because one might casually think it’s funny and entertaining.

Giving your clients what they want is just half the job. The other half is to guide them and let them know that you are the designer and you know what should and shouldn’t be used for a successful professional website.

Now, that said: If you still want to have animation going on then you might wanna look into the emile animation framework. It’s used on http://benefitcosmetics.com/, for example.
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Users who have thanked VIPStephan for this post:
Buffmin (02-07-2012)
Old 02-07-2012, 04:20 PM   PM User | #5
Buffmin
Regular Coder

 
Join Date: Aug 2011
Posts: 192
Thanks: 112
Thanked 0 Times in 0 Posts
Buffmin is an unknown quantity at this point
Thanks folks. Points taken, and thank you for the links. Buffmin
Buffmin is offline   Reply With Quote
Old 02-07-2012, 05:00 PM   PM User | #6
jackdaniels
New Coder

 
Join Date: Feb 2012
Posts: 11
Thanks: 0
Thanked 4 Times in 4 Posts
jackdaniels is an unknown quantity at this point
You're correct, I believe the only major browser it doesn't work in is IE. There is also a jQuery animation framework out there, but nothing is going to be as easy as making a gigantic animated gif which could come out to be a pretty large file size depending on what the image contains.

Last edited by jackdaniels; 02-07-2012 at 05:04 PM..
jackdaniels is offline   Reply With Quote
Old 02-07-2012, 06:28 PM   PM User | #7
Buffmin
Regular Coder

 
Join Date: Aug 2011
Posts: 192
Thanks: 112
Thanked 0 Times in 0 Posts
Buffmin is an unknown quantity at this point
Thanks Jackdaniels.
Buffmin is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 09:24 AM.


Advertisement
Log in to turn off these ads.