UCreative

Forum, Graphic Design Gallery, and Social Network

Like This Page

Share This Page
Bookmark This Page
  • Design Float
  • Digg
  • Delicious
  • Design Bump
  • Design Related
  • The Web Blend
  • DZone

HELP: Rollover | a simple code that is not working with me

Hi you, 

Thank you in advance for your interest to help. I have found this supposedly simple code. I tried it on my blog, but it would not work. Though the initial testing of the code was positive. PLEASE ADVICE:

<script type="text/javascript">
<!--
setrollover('http://i1108.photobucket.com/albums/h403/ask11211/247square/fb_yel.png', 'facebook');
setrollover('http://i1108.photobucket.com/albums/h403/ask11211/247square/tw_yel.png', 'twitter');
setrollover('http://i1108.photobucket.com/albums/h403/ask11211/247square/gplus_yel.png', 'googleplus');
setrollover('http://i1108.photobucket.com/albums/h403/ask11211/247square/ln_yel.png', 'linkedin');
setrollover('http://i1108.photobucket.com/albums/h403/ask11211/247square/pin_yel.png', 'pinterest');
//-->
</script>
<a
href="http://on.fb.me/KXj885"
onmouseover = "rollover('facebook')"
onmouseout = "rollout('facebook')"
><img
src="http://i1108.photobucket.com/albums/h403/ask11211/247square/fb_grey.png"
name="facebook"
height="32" width="32" border="0" alt="facebook"
/></a>
<a
href="http://bit.ly/KYOJKJ"
onmouseover = "rollover('twitter')"
onmouseout = "rollout('twitter')"
><img
src="http://i1108.photobucket.com/albums/h403/ask11211/247square/tw_grey.png"
name="twitter"
height="32" width="32" border="0" alt="twitter"
/></a>
<a
href="http://bit.ly/LA04lt"
onmouseover = "rollover('googleplus')"
onmouseout = "rollout('googleplus')"
><img
src="http://i1108.photobucket.com/albums/h403/ask11211/247square/gplus_grey.png"
name="googleplus"
height="32" width="32" border="0" alt="googleplus"
/></a>
<a
href="http://linkd.in/LGwLca"
onmouseover = "rollover('linkedin')"
onmouseout = "rollout('linkedin')"
><img
src="http://i1108.photobucket.com/albums/h403/ask11211/247square/ln_grey.png"
name="linkedin"
height="32" width="32" border="0" alt="linkedin"
/></a>
<a
href="http://bit.ly/LzSq8L"
onmouseover = "rollover('pinterest')"
onmouseout = "rollout('pinterest')"
><img
src="http://i1108.photobucket.com/albums/h403/ask11211/247square/pin_grey.png"
name="pinterest"
height="32" width="32" border="0" alt="pinterest"
/></a>

you can find the code implemented here: www.247square.blogspot.com

Tags: 247square, buttons, coding, design, media, rollover, social

Views: 68

Reply to This

Replies to This Discussion

Seems like it might be workable but... it also seems like a very complicated way to accomplish something simple. Do you have an understanding of CSS? If you set it up in CSS, you just need to add :hover events for anchor tags with the images you want to use for the icons such as:

#facebook {

background-image: ('images/facebookIcon.png');

width: 32px

height: 32px;

background-repeat: no-repeat;

#facebook:hover {

width: 32px

height: 32px;

background-repeat: no-repeat;

background-image: ('images/facebookIconOver.png');

}

thank you for your help :) I am just a Graphic Designer. I work with coders but I only work on the design parts myself. Anyways thank you, it was helpful, although my friend actually is the one who fixed the final thing to be implemented :) you can check it live here http://247square.blogspot.com/

Glad you got it sorted out ;)

RSS

Advertisers

Follow Us on

© 2013   Created by Team Ucreative.

Badges  |  Report an Issue  |  Terms of Service