Graphic Design Forum and Web Design Forum

Compare Web Hosting


Go Back   Graphic Design Forum and Web Design Forum »Web Design Forum »General Web Design Forum

Notices

General Web Design Forum Discuss General Web Design Issues


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 13-09-2008, 12:49 AM
bartoszdesign's Avatar
Established Member
 
Join Date: Aug 2008
Location: The Netherlands
Gender: Male
Posts: 487
Default fading hover

for my new project i'm looking for some good solution to fade images in links on hover from b/w to color. i know this is a quiet often used effect, but i still like it. so, which way should i go?

1. the css solution is as far as i know not valid and i would like to keep it clean.

2. flash is one possibility, but not really useful, as i have already 15 link images as this moment and will have more in future...

3. animated gif takes as much time as flash (or even more)

4. i was looking for some javascript solutions as the site will be running jquery, but both solutions i have found were not really good and seemed incomplete.

Do you know some other solution or a working jquery one. I would appreciate your help a lot as this it becoming quiet frustrating.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote

  #2 (permalink)  
Old 13-09-2008, 01:15 AM
LeadMagnet's Avatar
Mr. Tambourine Man
 
Join Date: Jun 2007
Location: Ireland
Gender: Male
Posts: 2,557
Default

A javascript solution won't work on all browsers because they don't all support the transparency that you need.
Flash is your best option afaik. I don't understand your reason for not wanting it. Flash isn't slow unless you make it slow.
Animated GIFs should never be considered.
____________________________

Subtlety is my middle name... and first and last in case you didn't get the point.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #3 (permalink)  
Old 13-09-2008, 01:31 AM
bartoszdesign's Avatar
Established Member
 
Join Date: Aug 2008
Location: The Netherlands
Gender: Male
Posts: 487
Default

it's not about the speed. it's more about manually editing 14 fades and more in future as my client will expand his portfolio. isn't there some sort of "dynamic" or "universal" solution, or is it just me getting lazy?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #4 (permalink)  
Old 13-09-2008, 03:29 AM
Acuity's Avatar
Knows Your Body Better Than You Do
 
Join Date: Feb 2008
Location: London
Gender: Male
Posts: 1,247
Default

flash way: Flash Animated Rollover Video Tutorial | Acuity Designs

to make it dynamic, wouldnt be hard, one .txt file - every time client wants a new menu item he just makes a new .swf and changes one line of AS and adds one line of text to .txt file. If its a list/menu you know exactly where the new menu links needs to appear - you can make it all and jus leave the lines for thse links empty in the .txt file and when your client enters a link/image for them it will appear where you defined in the swf you made.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
  #5 (permalink)  
Old 13-09-2008, 07:33 AM
bartoszdesign's Avatar
Established Member
 
Join Date: Aug 2008
Location: The Netherlands
Gender: Male
Posts: 487
Default

in the end i took the more work-intensive way and did it in flash. i will post the work in progress later today... thanks for the help guys...
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes PageTwit this!
Reply With Quote
Reply


Thread Tools
Display Modes

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 On
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
»» Creating Fading Light Vectors in Fireworks - Part 2 Graphic Design Blog Graphic Design Blog 0 09-09-2008 01:00 AM
»» Creating Fading Light Vectors in Fireworks - Part 3 Graphic Design Blog Graphic Design Blog 0 08-09-2008 08:40 AM
Smart Hover Box for Mootools 1.2 tr0y Programming Forum 0 04-08-2008 09:48 AM
How to Create a Block Hover Effect Graphic Design Links Graphic Design Links 0 23-01-2008 06:10 PM
Replace or show/hide a DIV using 'a' and 'a:hover' method.. distantweb CSS Forum 3 16-12-2007 10:28 AM



The Graphics Forum Web Design Stuff Free Decent Downloads Free Quality Wallpapers Graphics Forum
Free Vista Themes Creativecurio - Design Blog Graphic Design Advertising Graphic Design Advertising
The Top The Best Images Heavenly Glimpses Photography Tech Talk 247 Logo Design - $149 Affordable Stock Vector Illustrations
Free Design Portfolios

Create your own custom 2010 Calendars

Web Hosting - UK Web Hosting services for business or personal website hosting needs.

Dedicated Servers - A full range of Managed Dedicated Server solutions suitable for all your requirements.

Graphic Design Blog | Web Design Forum | Graphic Design and Print Forum | Graphic Design Links | Advertise On This Site

Web Design UK | Design by Miner Skinz.com | Logo Design UK | Art Schools Online | Pressure Seal Printing | Vision.To Design

Colour Print | Graphic Design UK | Logo Design | Photography Blog | Brochure Design UK | Design Forum Links | Logo Design

Graphic Design Schools Online | Integrated Cards | Integrated Labels | Graphic Design | Logo Design | Graphic Design Social Network

Logo Design | Integrated Cards & Labels | Graphic Design Tutorials | Logo Designer | UK Logo Design Studio

Colour Printers, Web Design and Logo Design UK | Business Cards | Accident and Injury Claims Rotherham UK | Logo Design Blog

Funfair Hire, Carousel Hire, Carnival Hire in the UK | Web Designer Rotherham, Yorkshire, UK | Damp Proofing & Plastering, Dartford, Kent

Damp Proofing, Refurbishment & Plastering, London | Wedding Photography London, Wedding Photographer, Kent

Free Dating in Sheffield | Free Dating in Sheffield and Yorkshire Forum | Motorhome Rental and RV Hire Scotland | Vector Art Blog

Free Web Hosting | Custom Logo Design - $149 Only | Affordable Print Design Templates | Small Business Logo Design | Company Logo Design

Logo Design Service | Logo Design Firm | Logo Design Reseller | Custom Logo Design | Letterhead Printing | Flyer Printing | Business Card Printing

All times are GMT. The time now is 07:42 PM.


Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 Estetica Design Forum's Privacy Policy