One other thing...there is an extra parenthesis:
$("li:hidden:first").fadeIn("slow")) <-- remove that sucker!
-- Josh
----- Original Message -----
From: "Karl Swedberg" <[EMAIL PROTECTED]>
To: <jquery-en@googlegroups.com>
Sent: Tuesday, May 27, 2008 3:31 PM
Subject: [jQuery] Re: Help learning...
Actually, the only selector here that you shouldn't have quotes around
is "document". Can you try it without the quotes? Also, it looks like
you might be missing a line at the end, although it might be a copy/
paste error. Try this:
$(document).ready(function() {
$("#image").hover(
function () {
$("li:hidden:first").fadeIn("slow"));
},
function () {
$("li").fadeOut("slow").remove();
}
);
});
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On May 27, 2008, at 4:05 PM, Aaron wrote:
Here is the exact code exactly copied and pasted from my file to here:
$("document").ready(function() {
$("#image").hover(
function () {
$("li:hidden:first").fadeIn("slow"));
},
function () {
$("li").fadeOut("slow").remove();
}
);
On May 27, 3:24 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote:
Your selectors need quotes around them:
$("li:hidden:first").fadeIn("slow");
etc.
-- Josh
----- Original Message -----
From: "Aaron" <[EMAIL PROTECTED]>
To: "jQuery (English)" <jquery-en@googlegroups.com>
Sent: Tuesday, May 27, 2008 11:31 AM
Subject: [jQuery] Re: Help learning...
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.- Hide quoted text -
- Show quoted text -
