Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
code for rollovers
- Thread starter rebeccam
- Start date
Hi,
No offence, are you really sure you want a MouseOver script doing it? I only ask, cos everytime u move the mouse over the button, its going to open up a brand new window, which in my opinion, would drive me nuts.
Otherwise, yes i do.
James
No offence, are you really sure you want a MouseOver script doing it? I only ask, cos everytime u move the mouse over the button, its going to open up a brand new window, which in my opinion, would drive me nuts.
Otherwise, yes i do.
James
- Thread starter
- #3
Hi,
Use this:
////////////////////////////////////////////////
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
img1on = new Image(); // Active images
img1on.src = "pic1on.gif";
img2on = new Image();
img2on.src = "pic2on.gif";
img1off = new Image(); // Inactive images
img1off.src = "pic1off.gif";
img2off = new Image();
img2off.src = "pic2off.gif";
function imgOn(imgName) {
if (document.images) {
document
.src = eval(imgName + "on.src"
;
}
}
function imgOff(imgName) {
if (document.images) {
document
.src = eval(imgName + "off.src"
}
}
</SCRIPT>
<SCRIPT>
function popUpWindow()
{
window.open('crazy error.html','Alert','toolbar=yes,location=no,directories=no,status=no,' + 'menubar=no,scrollbars=no,resizable=no,' + 'width=700,height=470,screenX=0,screenY=0');
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascriptopUpWindow()" onMouseOver = "imgOn('img1')"onMouseOut = "imgOff('img1')"><IMG NAME="img1" SRC="pic1off.gif"></A>
</BODY>
</HTML>
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
You will need to add more pics as you need them to the first part of the script (the pre-loader) and then in the <A> tag's make sure to have the mouseovers showing the proper name and the <IMG> tag's must have the correct NAME="" according to your picture. Only .gif's seem to work with this.
Hope this helps! NATE
design@spyderix-designz.com
Use this:
////////////////////////////////////////////////
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
img1on = new Image(); // Active images
img1on.src = "pic1on.gif";
img2on = new Image();
img2on.src = "pic2on.gif";
img1off = new Image(); // Inactive images
img1off.src = "pic1off.gif";
img2off = new Image();
img2off.src = "pic2off.gif";
function imgOn(imgName) {
if (document.images) {
document
;}
}
function imgOff(imgName) {
if (document.images) {
document
;}
}
</SCRIPT>
<SCRIPT>
function popUpWindow()
{
window.open('crazy error.html','Alert','toolbar=yes,location=no,directories=no,status=no,' + 'menubar=no,scrollbars=no,resizable=no,' + 'width=700,height=470,screenX=0,screenY=0');
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript
opUpWindow()" onMouseOver = "imgOn('img1')"onMouseOut = "imgOff('img1')"><IMG NAME="img1" SRC="pic1off.gif"></A></BODY>
</HTML>
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
You will need to add more pics as you need them to the first part of the script (the pre-loader) and then in the <A> tag's make sure to have the mouseovers showing the proper name and the <IMG> tag's must have the correct NAME="" according to your picture. Only .gif's seem to work with this.
Hope this helps! NATE
design@spyderix-designz.com
- Thread starter
- #5
![[thumbsup2]](/data/assets/smilies/thumbsup2.gif "[thumbsup2] [thumbsup2]")
- Status
Similar threads
- Locked
- Question
- Question
- Locked
- Question