From pat at soligsoft.com  Thu Feb 10 05:43:34 2011
From: pat at soligsoft.com (pat at soligsoft.com)
Date: Thu, 10 Feb 2011 04:43:34 -0700
Subject: [Javascript] Image ease in upon mouse over of link
Message-ID: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>

Hello all,

I want to achieve a effect that upon a mouseover of a link a image will
ease in.  I've looked for such a technique/effect with no success.

The image will ease in over the content area, covering the background
image.  The links are in the same content area and will still be visible
above the image easing in which I think I can accomplish by the z-index.
Any help, guidance or direction to a tutorial that does just that would be
greatly appreciated.

Thanks in advance

Pat


From john at jwarner.com  Thu Feb 10 07:09:18 2011
From: john at jwarner.com (John Warner)
Date: Thu, 10 Feb 2011 08:09:18 -0500
Subject: [Javascript] Image ease in upon mouse over of link
In-Reply-To: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>
References: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>
Message-ID: <2d9d01cbc923$b9cfe900$2d6fbb00$@com>

Have you considered jQuery to just toggle the images ?

John Warner


> -----Original Message-----
> From: javascript-bounces at lists.evolt.org [mailto:javascript-
> bounces at lists.evolt.org] On Behalf Of pat at soligsoft.com
> Sent: Thursday, February 10, 2011 6:44 AM
> To: javascript at lists.evolt.org
> Subject: [Javascript] Image ease in upon mouse over of link
> 
> Hello all,
> 
> I want to achieve a effect that upon a mouseover of a link a image will
> ease in.  I've looked for such a technique/effect with no success.
> 
> The image will ease in over the content area, covering the background
> image.  The links are in the same content area and will still be visible
> above the image easing in which I think I can accomplish by the z-index.
> Any help, guidance or direction to a tutorial that does just that would
be
> greatly appreciated.
> 
> Thanks in advance
> 
> Pat
> 
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript



From centerqi at gmail.com  Thu Feb 10 07:40:52 2011
From: centerqi at gmail.com (centerqi hu)
Date: Thu, 10 Feb 2011 21:40:52 +0800
Subject: [Javascript] Image ease in upon mouse over of link
In-Reply-To: <2d9d01cbc923$b9cfe900$2d6fbb00$@com>
References: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>
	<2d9d01cbc923$b9cfe900$2d6fbb00$@com>
Message-ID: <AANLkTi=tW-B9aLFSJAgoQaafbOFViQJ2CYvNuKRyZsEJ@mail.gmail.com>

for example
<div id="content">
  <a onmouseover="erase()" onmouseout="show()">Test</a>
</div>
<script type="text/javascript">
  function erase()
 {
    document.getElementById('content').style.backgroundImage='';
 }
function show()
 {
    document.getElementById('content').style.backgroundImage='xxxx.gif';
 }
</script>



2011/2/10, John Warner <john at jwarner.com>:
> Have you considered jQuery to just toggle the images ?
>
> John Warner
>
>
>> -----Original Message-----
>> From: javascript-bounces at lists.evolt.org [mailto:javascript-
>> bounces at lists.evolt.org] On Behalf Of pat at soligsoft.com
>> Sent: Thursday, February 10, 2011 6:44 AM
>> To: javascript at lists.evolt.org
>> Subject: [Javascript] Image ease in upon mouse over of link
>>
>> Hello all,
>>
>> I want to achieve a effect that upon a mouseover of a link a image will
>> ease in.  I've looked for such a technique/effect with no success.
>>
>> The image will ease in over the content area, covering the background
>> image.  The links are in the same content area and will still be visible
>> above the image easing in which I think I can accomplish by the z-index.
>> Any help, guidance or direction to a tutorial that does just that would
> be
>> greatly appreciated.
>>
>> Thanks in advance
>>
>> Pat
>>
>> _______________________________________________
>> Javascript mailing list
>> Javascript at lists.evolt.org
>> http://lists.evolt.org/mailman/listinfo/javascript
>
>
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
>

From pat at soligsoft.com  Thu Feb 10 08:00:29 2011
From: pat at soligsoft.com (Patrick Chuprina)
Date: Thu, 10 Feb 2011 09:00:29 -0500
Subject: [Javascript] Image ease in upon mouse over of link
In-Reply-To: <2d9d01cbc923$b9cfe900$2d6fbb00$@com>
References: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>
	<2d9d01cbc923$b9cfe900$2d6fbb00$@com>
Message-ID: <000301cbc92a$e08d5800$a1a80800$@com>

Hi John,

Being relatively new, how would I accomplish that?

PChuprina

-----Original Message-----
From: javascript-bounces at lists.evolt.org
[mailto:javascript-bounces at lists.evolt.org] On Behalf Of John Warner
Sent: Thursday, February 10, 2011 8:09 AM
To: 'JavaScript List'
Subject: Re: [Javascript] Image ease in upon mouse over of link

Have you considered jQuery to just toggle the images ?

John Warner


> -----Original Message-----
> From: javascript-bounces at lists.evolt.org [mailto:javascript-
> bounces at lists.evolt.org] On Behalf Of pat at soligsoft.com
> Sent: Thursday, February 10, 2011 6:44 AM
> To: javascript at lists.evolt.org
> Subject: [Javascript] Image ease in upon mouse over of link
> 
> Hello all,
> 
> I want to achieve a effect that upon a mouseover of a link a image will
> ease in.  I've looked for such a technique/effect with no success.
> 
> The image will ease in over the content area, covering the background
> image.  The links are in the same content area and will still be visible
> above the image easing in which I think I can accomplish by the z-index.
> Any help, guidance or direction to a tutorial that does just that would
be
> greatly appreciated.
> 
> Thanks in advance
> 
> Pat
> 
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript


_______________________________________________
Javascript mailing list
Javascript at lists.evolt.org
http://lists.evolt.org/mailman/listinfo/javascript


From john at jwarner.com  Thu Feb 10 08:17:43 2011
From: john at jwarner.com (John Warner)
Date: Thu, 10 Feb 2011 09:17:43 -0500
Subject: [Javascript] Image ease in upon mouse over of link
In-Reply-To: <000301cbc92a$e08d5800$a1a80800$@com>
References: <8a42a1cb80f1e9b03ae8032f4643427a.squirrel@box483.bluehost.com>	<2d9d01cbc923$b9cfe900$2d6fbb00$@com>
	<000301cbc92a$e08d5800$a1a80800$@com>
Message-ID: <2dbb01cbc92d$483a4240$d8aec6c0$@com>

http://stackoverflow.com/questions/4827770/jquery-toggle-images-on-off-iss
ue

John Warner


> -----Original Message-----
> From: javascript-bounces at lists.evolt.org [mailto:javascript-
> bounces at lists.evolt.org] On Behalf Of Patrick Chuprina
> Sent: Thursday, February 10, 2011 9:00 AM
> To: 'JavaScript List'
> Subject: Re: [Javascript] Image ease in upon mouse over of link
> 
> Hi John,
> 
> Being relatively new, how would I accomplish that?
> 
> PChuprina
> 
> -----Original Message-----
> From: javascript-bounces at lists.evolt.org
> [mailto:javascript-bounces at lists.evolt.org] On Behalf Of John Warner
> Sent: Thursday, February 10, 2011 8:09 AM
> To: 'JavaScript List'
> Subject: Re: [Javascript] Image ease in upon mouse over of link
> 
> Have you considered jQuery to just toggle the images ?
> 
> John Warner
> 
> 
> > -----Original Message-----
> > From: javascript-bounces at lists.evolt.org [mailto:javascript-
> > bounces at lists.evolt.org] On Behalf Of pat at soligsoft.com
> > Sent: Thursday, February 10, 2011 6:44 AM
> > To: javascript at lists.evolt.org
> > Subject: [Javascript] Image ease in upon mouse over of link
> >
> > Hello all,
> >
> > I want to achieve a effect that upon a mouseover of a link a image
will
> > ease in.  I've looked for such a technique/effect with no success.
> >
> > The image will ease in over the content area, covering the background
> > image.  The links are in the same content area and will still be
visible
> > above the image easing in which I think I can accomplish by the
z-index.
> > Any help, guidance or direction to a tutorial that does just that
would
> be
> > greatly appreciated.
> >
> > Thanks in advance
> >
> > Pat
> >
> > _______________________________________________
> > Javascript mailing list
> > Javascript at lists.evolt.org
> > http://lists.evolt.org/mailman/listinfo/javascript
> 
> 
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
> 
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript



From bdotjones at gmail.com  Mon Feb 14 10:51:24 2011
From: bdotjones at gmail.com (Brian Jones)
Date: Mon, 14 Feb 2011 11:51:24 -0500
Subject: [Javascript] vertical scrolling
Message-ID: <AANLkTinYjFcb++=GNDDxmohubdHLxOVyqJ2TdcxSKXtK@mail.gmail.com>

Hi,

I'm working on this mock up of a horizontal scrolling site
(http://aandhc.com/sandbox) using jQuery. right now when you click on
projects it scrolls horizontally to the project anchor. I need
projects to appear by itself on the page so when you click it the
projects sections slides up into the content area and the other
sections slide out/disappear. any help would be greatly appreciated
thanks

-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"