Old 04-15-2006   #1 (permalink)
A$s On Fiyah
 
ecntrc's Avatar
 
Join Date: May 2005
Location: Ewa Beach, Hawaii
Posts: 601

Send a message via Yahoo to ecntrc
Page effect when site loads..

I didnt know how else to put the title.. but Ill explain. What I am looking for to make is, when my clients site loads up, id like an effect like little stars or maybe little pretty flowers to fade in and out.. not just in one place.. but like some in the center top left right.. nothing too extravagant or anything.. not like ewww noticeable, but you can notice it.. kinda of like faded but not. I dont know if that makes sense.. but is this possible to make? Someone told me it could be done in JS but IDK. Plus Im so not good with Js. Id love some suggestions, feedback.. help if you have the time.. id appreciate it.. alot..
__________________
google is my lover, whos yours?
ecntrc is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-15-2006   #2 (permalink)
Sheep Worrier
 
Man1c M0g's Avatar
 
Join Date: Sep 2003
Location: Portsmouth, UK.
Posts: 4,105
Blog Entries: 14

Send a message via ICQ to Man1c M0g Send a message via MSN to Man1c M0g Send a message via Skype™ to Man1c M0g
Sounds like DHTML - it allows page transition effects and such. Its also pretty slow and has patchy browser support... but the beauty of it I suppose is that any browser that doesn't support DHTML just doesn't show it (i.e. it doesn't break). Not bad really!
__________________
Man1c M0g is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-15-2006   #3 (permalink)
Recursively call who?
 
GoldNetX's Avatar
 
Join Date: Nov 2003
Location: Pittsburgh, PA
Posts: 294

Send a message via AIM to GoldNetX
That concept behind it is fairly easy, but you will run into a few problems. You would most likely create a few <div> tags and have them at the end of your html code, these divs will have a background image of the image you want to be fading. Then you can use CSS absolute positioning ot place them where you want. After that you could write a little javascript function that fades the divs and back. You could look through some of source code of http://script.aculo.us/ and probably create your own function with what they supply. Finally you could just use the onload attribute of the body tag to make the javascript start when the page loads.

On problem I would be concerned with though, is that every element of a webpage is based upon rectangles. So even though you may have a star with transparent background, there is still a box around it that overlaps anything below it. The problem is that even though these boxes may be transparent, you can not click through them. Such as if there is a link being covered up by the bounding box of a star, even if it is transparent, you will not be able to click the link.

Sorry if that is a bit advanced, but it really is not that hard. Just a little practice and experimenting will get you what you need. What is also nice is that the http://script.aculo.us/ code is fairly cross compatible and works on many browsers.
__________________

www.gusmayo.com
- Maybe a story or two -


www.jaloobie.com
... your new home ...

www.webinkproductions.com
- professional web application design -
GoldNetX is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-15-2006   #4 (permalink)
A$s On Fiyah
 
ecntrc's Avatar
 
Join Date: May 2005
Location: Ewa Beach, Hawaii
Posts: 601

Send a message via Yahoo to ecntrc
no way, not advanced. I understood what Id have to do. Just putting the JS and the margins together for CSS would be hard for me. But, not im second guessing it. What other tyle of effects can I do to make her page nice... things similar to what I want. Im also building or trying to build a menu bar in image ready and need them to fade elegantly in and out.. her site in a facial salon and spa so its that concept your looking at. relaxation, refresh and being beautiful... ive never used image ready so im like dumbfounded.. thanks for your suggestions.. i appreciate it.. if you have anymore id love to hear them!
__________________
google is my lover, whos yours?
ecntrc is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-16-2006   #5 (permalink)
A$s On Fiyah
 
ecntrc's Avatar
 
Join Date: May 2005
Location: Ewa Beach, Hawaii
Posts: 601

Send a message via Yahoo to ecntrc
hey gold
that site you gave me.. im alittle confused? i thought it was like a script library.. but i dont think so? can you explain to me what it is.. i tried to understand the overview but ?? im dumbfounded.. hope you dont think im too stupid..
__________________
google is my lover, whos yours?
ecntrc is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-16-2006   #6 (permalink)
Recursively call who?
 
GoldNetX's Avatar
 
Join Date: Nov 2003
Location: Pittsburgh, PA
Posts: 294

Send a message via AIM to GoldNetX
The site is a script library. Built on javascript effects and such. To use them you would download their package and extract all of the .js files into some directory on your webserver. Then you use a <script src=""> type tag to import them onto the pages you want. Different files also have different effects. If you look on the demos page it will show you what some of them can do. An example of how to make something fade out when you click on it would be like this:

Code:
<div id="blah" onclick="Effects.Fade('blah');">stuff Here</div>
If you look through some of the stuff on the documentation they have some better examples of how to use it. Such as using the draggable effect, which is one of my favorites.
__________________

www.gusmayo.com
- Maybe a story or two -


www.jaloobie.com
... your new home ...

www.webinkproductions.com
- professional web application design -
GoldNetX is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Old 04-19-2006   #7 (permalink)
Registered User
 
Join Date: Mar 2006
Posts: 7

is there a posibility that a datagrid postback can't fireup?
micheero is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Closed Thread

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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Page turning effect madaussie 3D Modelling 5 01-11-2006 01:11 AM
New to the site strik9 Showrooms & Works In Progress 2 07-25-2005 07:56 PM
New portfolio site Milkdrop Showrooms & Works In Progress 7 08-17-2004 11:52 AM
My site .... TRshady Showrooms & Works In Progress 6 01-15-2004 06:05 PM


All times are GMT +1. The time now is 05:26 PM.
Content Relevant URLs by vBSEO 3.2.0

Design & Content © BioRUST 2008 :: PRIVACY STATEMENT :: LEGAL INFORMATION :: ADVERTISING MEDIA KIT