Copy link to clipboard
Copied
Hello guys,
thats the website im working on.
The problem im having is in this page:
http://www.jcgraphicdesigns.com/categories/cat_banners.php
I have a Menu that im wanting to fade in and fade out
im trying to accomplish this using spryeffects with onClick actions
but its giving me so many problems, there just has to be a better way i dont know of
could you guys help me here with this?
what do you see that im not seeing?
any help is appreciated!
Copy link to clipboard
Copied
Ok, let me explain a bit more.
I have a menu that each word has a thumb besides it,
i wanted it to appear as 30% so what i did is "body onLoad triggers the menu fade to 30%"
when mouse rolls over i want it to fade in to 100% opacity
and when its rolls out/isnt on top it fades back to 30%
Problem im having is,
when mouse rolls over it fades from 30 inside the already faded to 30 to 100% wich is the outer 30. get it?
so theyre never brighter than 30, plus it kinds of blinks sometimes?
I was trying to use the if function in php, but i cant seem to get it working i dont understand how i could implement it.
Or what could be the what to do it, how id type it. I tried a few things that obviosuly did not work, deleted them.
maybe you guys think a better approach to do this?
Or how could i do with the approach i am trying?
if you look at the code, do you see something funny that shouldnt be there or that way?
what am i missing here?
I thank you all in advance!
Copy link to clipboard
Copied
krizcortes wrote:
I was trying to use the if function in php, but i cant seem to get it working i dont understand how i could implement it.
PHP is a server-side language. Once it has created the HTML output and sent it back to the browser, it no longer has any influence over the page or its contents.
Spry effects are controlled by JavaScript on the client side. They have nothing to do with PHP. If you're having problems with Spry, you would be better off posting a question in the Spry forum.
Copy link to clipboard
Copied
oooooooh Thanks Powers!
So id have to try with javascript instead, theres an if function with javascript right?
if you were to do a menu that the first time you see it,
it appears 50% opacity,
and when you mouse over each item it goes to 100%
but when you roll out itgoes back to 50%.
what would be your approach to achieve this?
using spry effects that show the "animation" of the opacity happening,
not using png rollover images.
( or whatever you know you can use to show this "animation" )
Copy link to clipboard
Copied
im trying to accomplish this using spryeffects with onClick actions
i meant mouse actions