Thanks Liam Potter...
I want this becoz my case in Drupal case... :D
If u know about primary link drupal based on link...
So I override that link became image link based on title link...
If I use css... I must add some line css for that link when I add some
link in Drupal
On Oct 6, 5:10 pm, Liam Potter <radioactiv...@gmail.com> wrote:
> $(function(){
> $("img").hover(
> function(){
> src = $(this).attr("src");
> var newSrc = src.replace(/.png/, "-hover.png");
> $(this).attr("src",newSrc);
> },
> function(){
> var newSrc = src.replace(/-hover.png/, ".png");
> $(this).attr("src",src);
> }
> );
>
> });
>
> This is untested and certainly not the best way to do this (like I said
> earlier). You should be using CSS for image rollovers.
>
> Teddy wrote:
> > I mean not like that...
>
> > I mean what ever the src value I want toaddhover when it hover....
> > and when mouse out I want delete that hover..
>
> > <img alt="My Account" src="/images/whatever.png"/>
>
> > and when hover that image I want became like this
>
> > <img alt="My Account" src="/images/whatever-hover.png"/>
>
> > and when mouse out that image became
> > <img alt="My Account" src="/images/whatever.png"/>
>
> > On Sep 28, 9:38 pm, Liam Potter <radioactiv...@gmail.com> wrote:
>
> >> $(function(){
> >> $("img").bind("mouseover",function(){
> >> $(this).attr("src","/images/menu-my-account-hover.png");
> >> });
>
> >> });
>
> >> but this is the worst way you can do rollovers. You should be doing this
> >> in pure CSS, and the best way would be to use an image sprite.
>
> >> Teddy Hong wrote:
>
> >>> If I have a tag image like this..
>
> >>> <img alt="My Account" src="/images/menu-my-account.png"/>
>
> >>> and when hover that image I want became like this
>
> >>> <img alt="My Account" src="/images/menu-my-account-hover.png"/>
>
> >>> How to code this with jquery?
>
> >>> Thanks....
