+ Reply to Thread
Results 1 to 5 of 5

Thread: fading hover

  1. #1

    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.


  2. #2
    Mr. Tambourine Man LeadMagnet's Avatar
    Join Date
    Jun 2007
    Location
    Ireland
    Posts
    2,822
    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.
    http://www.eoingriffin.com

  3. #3
    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?

  4. #4
    Knows Your Body Better Than You Do Acuity's Avatar
    Join Date
    Feb 2008
    Location
    London
    Posts
    1,368
    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.

  5. #5
    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...

+ Reply to Thread

Similar Threads

  1. »» Creating Fading Light Vectors in Fireworks - Part 2
    By Graphic Design Blog in forum Graphic Design Blog
    Replies: 0
    Last Post: 09-09-2008, 01:00 AM
  2. »» Creating Fading Light Vectors in Fireworks - Part 3
    By Graphic Design Blog in forum Graphic Design Blog
    Replies: 0
    Last Post: 08-09-2008, 08:40 AM
  3. Smart Hover Box for Mootools 1.2
    By tr0y in forum Programming Forum
    Replies: 0
    Last Post: 04-08-2008, 09:48 AM
  4. How to Create a Block Hover Effect
    By Graphic Design Links in forum Graphic Design Links
    Replies: 0
    Last Post: 23-01-2008, 07:10 PM
  5. Replies: 3
    Last Post: 16-12-2007, 11:28 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts


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

Check the forum often for the latest design announcements. Everything from graphic design and web design, to films and music. Estetica is a great place for people to get together and help each other out.



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 | Vision.To Design | Leaflet Printing | Estetica Design Forum's Privacy Policy

Flyer Printing | Photography Blog | Design Forum Links | Logo Design | Graphic Design Social Network | Logo Design

Graphic Design Tutorials | Logo Designer | UK Logo Design Studio | Land for sale | 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

Printing | Leaflet Printing | Online Backup | T-Shirt Printing | Personalised Mugs | Canvas Printing

Search Engine Optimization by vBSEO 3.5.0 RC1 PL1