Ok I done what you guys asked me to try and tried it and it didn't do
anything. My list is still displayed on the html doc like a normal
list and when my mouse goes over the image I get nothing. So first
off my list is not hidden to start off and when my mouse goes over the
image I get nothing fading in.
I removed the extra ) but I thought I needed it to end the function
input??
On May 27, 7:05 pm, "Josh Nathanson" <[EMAIL PROTECTED]> wrote:
> 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 -- Hide quoted text -
>
> - Show quoted text -
