I been playing around with the hover and fadeIn and fadeOut functions
in jquery and I can't get them working on my website(NOTE:website is
not online yet still working on the website). I learned javascript and
I do have programming background.
I don't know what I am exactly doing wrong.
Here is what I have so far:
$(document).ready(function() {
$("div#image").hover(
function () {
$(li:hidden:first).fadeIn("slow"));
},
function () {
$(li).fadeOut("slow").remove();
}
);
this was just for playing around. I added div#image there to indicate
it had css properties and it's an image and is called image in css.
But what I put there was #image .
in here I was trying to just get an example to work which it failed I
made a list in my html doc and I made a javascript file and added the
script in with the <script> html tag ect and also added the css and
the jquery javascript in my html doc.
this script was supposed to fade in a list when my mouse is over the
div#image which dosen't I see the list and it's displayed above the
image and is visable. so I tried to use the hidden function but it
failed and didn't make any difference.
is there somthing I am missing??
On May 26, 2:29 pm, Aaron <[EMAIL PROTECTED]> wrote:
> Hi I am currently building a website. I am trying to use the hover
> and fadein and fadeout functions from jquery.
>
> I don't have a full understanding of it.
>
> I plan to make a new file that is a javascript file that will constain
> all javascripts of my webpage in that file. I have my html file in one
> file and have one css file for the webpage.
>
> What I am trying to make right now is have the users main image shown
> on the html page meaning the main page of the users webpage. I want to
> have the users user there mouse to put over the image of them which
> would then fade in a table with all their pictures that they
> uploaded.
> and if the mouse goes off the persons image and or the faded in table
> it would then fade out.
>
> that's what I want so far.
>
> I don't know how to use hoever and the fadein and fade out
> functions all together and how It would fade in a table or at least
> fade in a image that I created that would be a background for where
> the images would get displayed like a photo album ect.
>
> if anyone can give me an example code of what is needed for hover to
> work.
>
> I know hoever(this here would be when the mouse is over the
> element,this is when the mouse goes off the element the fade out ect.)
>
> but how can I have it when the mouse is over tell the computer to fade
> in a table or a image that will have the other images the user
> uploaded to appear in that table or image.
