Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Resources
  • Zetaboards Modifications
  • [SC] Hover Over Image Change
Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you are already a member of ZBCode, feel free to login right here:

Username:   Password:
Locked Topic
[SC] Hover Over Image Change
Tweet Topic Started: Jan 25 2009, 04:02 PM (971 Views)
HolySavior Jan 25 2009, 04:02 PM Post #1
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
Add this to the bottom of your board. When you over over the image you want to change it will change it to what ever you want.

Code:
 
<script type="text/javascript">
function hoverimage(oldimage,newimage) {

$("img[src*='" + oldimage + "']").hover(
function () {
$(this).attr("src",""+newimage+"");
},
function () {
$(this).attr("src",""+oldimage+"");
}
);
}
hoverimage("ORIGINAL URL", "HOVER OVER IMAGE");
</script>


pretty simple add more
Code:
 

hoverimage("ORIGINAL URL", "HOVER OVER IMAGE");

first url is the url of the image you want to change on hover over
second is the url of the image you want use when hovered over.
Edited by Reid, Jun 15 2009, 08:21 PM.
Offline Profile Goto Top
 
RaptorEMW Jan 25 2009, 07:24 PM Post #2


Posts:
12
Group:
Member
Member
#2,085
Joined:
Jan 20, 2009
What do you mean by the bottom of the board? Below the board? At the bottom of the appearance CSS?
Offline Profile Goto Top
 
HolySavior Jan 25 2009, 07:58 PM Post #3
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
in your board template or theme layout at the bottom below the copyright or board somewhere.
Offline Profile Goto Top
 
RaptorEMW Jan 25 2009, 08:24 PM Post #4


Posts:
12
Group:
Member
Member
#2,085
Joined:
Jan 20, 2009
Thank you. I have no more questions.
Offline Profile Goto Top
 
PIWYRCOM Jan 26 2009, 01:24 AM Post #5
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
Excellent small code !!
Just installed and works GREAT.
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
Kotton Feb 10 2009, 10:28 AM Post #6

Posts:
60
Group:
Banned
Member
#1,668
Joined:
Dec 1, 2008
yo.. that's straight SIKK savior - thx for this, using it on my Av -muahahaha
Offline Profile Goto Top
 
zachsides Mar 15 2009, 11:17 PM Post #7


Posts:
1
Group:
Member
Member
#2,584
Joined:
Mar 15, 2009
nevermind. i can see why. its for zetaboard.
Edited by zachsides, Mar 15 2009, 11:18 PM.
Offline Profile Goto Top
 
tangbangnho Mar 31 2010, 01:48 PM Post #8
Member Avatar


Posts:
24
Group:
Member
Member
#3,752
Joined:
Mar 27, 2010
i did , but I don't see any change @_@
Two shall be as one , always protects , always trusts , always love Posted Image
Offline Profile Goto Top
 
Ayush S92 Jun 16 2010, 05:06 AM Post #9


Posts:
11
Group:
Member
Member
#3,869
Joined:
Jun 16, 2010
this could be wonderful for making menus. it could spice up the things a bit and make them graphically more appealing. A code I would certainly like to use.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
ZetaBoards - Free Forum Hosting
Free Forums with no limits on posts or members.
Learn More · Sign-up for Free
« Previous Topic · Zetaboards Modifications · Next Topic »
Locked Topic

Track Topic · E-mail Topic Time: 7:49 PM Jul 10
Hosted for free by ZetaBoards · Privacy Policy