| Author |
 Topic  |
|
|
JJenson
Advanced Member
USA
2121 Posts |
 Posted - 14 February 2008 : 12:03:21
|
Ok I have been searching around and I know this has to be possible with doign without flash but just can't seem to track down the right place yet. So I thought I would ask if anyone knows where to find this:
Basically I need a few options on a site that they want to do flash but I think I can accomplish this without flash.
First thing is I want to have links that hover from grey to blue but with the hover it needs to fade back and forth instead of just pop.
Also I have an area that they have one picture and they want a picure to fade in over the top of it when a certain link is moused over.
Lastly when they click this link they want a div to fade completely out then the new pages div to fade back in.
I think I can do all this without flash anyone point me in the right direction?
Thanks |
|
|
muzishun
Senior Member
United States
1079 Posts |
Posted - 14 February 2008 : 13:02:32
|
With your first selection, look into background-images in the CSS. You can set the hover image to be an animated gif that will fade back and forth. You may be able to do the same thing with your second item.
For your last one, is it a full page fade in/out? If so, I don't know any (decent) way to do it. The only thing that I've seen besides flash to do that was M$ VML, which is generated from FrontPage, is IE only, and is *really, really* ugly code. A friend showed me a site a couple years ago that she built using page fades in FrontPage, and without the VML, the individual pages went from ~750kb to ~5kb.
Hope that helps. |
Bill Parrott
Senior Web Programmer, University of Kansas
Co-Owner and Code Monkey, Eternal Second Designs (www.eternalsecond.com)
Personal Website (www.chimericdream.com) |
 |
|
|
JJenson
Advanced Member
USA
2121 Posts |
Posted - 14 February 2008 : 13:16:10
|
The first one can't be a gif cause we are hoping for some SEO on this one. I actually think I found a loop around by doing an adjustment on the color within a timeframe so basically it goes from color 1 to color 2 in .05 second and so forth through 10 different colors. Not sure how it looks yet but worst case scenerio is add more and more colors till it looks right. - This is an effect going from like a grey fading to a blue
I am looking into some jquery engine stuff to do this but haven't found the right one just yet. Will let you know if I end up finding something out. I might have to do some of the stuff I was doing with the text to make this go right.
If anyone else sees something that might work let me know. 
Thanks muz for the ideas
I know this has to be possible in some way or another I just can't see a fade being something that can't be coded. I want to do it this way cause this is a site that will have alot of content that will change regular and I want to stay away from flash for that reason. |
Edited by - JJenson on 14 February 2008 13:17:09 |
|
|
|
AnonJr
Moderator
United States
5768 Posts |
Posted - 14 February 2008 : 13:29:50
|
I've seen the latter part done with JS but it degrades horribly (or at least that particular technique did) and it added a lot of overhead to the code.
I would argue against that particular effect anyway. Its cool for all of about two pages, then it gets really annoying really fast. When you consider that people don't want to spend forever admiring all the pretty effects, and they just want to find the information, you'd be better off spending your time on other areas.
There are a number of good articles to back this (and more) up at http://www.useit.com/alertbox/ - can't find the one I was looking for with all the interruptions in my office at the moment... I will add that as much as I respect J.N. and as much as I agree with his stance on usability, I do think he sometimes takes it a little too far - so take his articles with a small grain of salt. |
|
|
|
JJenson
Advanced Member
USA
2121 Posts |
Posted - 14 February 2008 : 15:02:39
|
I agree with you Anon on most sites. This paticular site is for a Designor of sites and he wants to show off all the visual things its basically part of his portfolio and why people come to him. He wants all the effects to it I am just trying to help him have those effects with SEO rather than go to a all Flash page.
|
|
|
| |
Topic |
|
Topic Locked
