Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 09, 2012, 06:19:20 PM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Mouseover Link		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: Mouseover Link  (Read 3384 times)
riceboy
Novice
*
Posts: 11
« on: August 06, 2004, 08:03:46 PM »
Hey guys,

This might be a task here. I hope you guys can help me out. Okay, I'm making a website and I want to make it so an image changes when I move my coursor over a graphic button. Like the one on http://www.jennyhyun.tv/links.php How when you move your coursor over the text like a different picture pops up with description. Only I don't want description.

An image is below


When I move my coursor over the menu buttons at the bottom, I want the picture to change where the photo of the guys on the top right corner is.

Can anybody help me out please???
Report to moderator   Logged
islanding
Key Keeper
Sr. Member
****
Posts: 313


I see, But why?


WWW
« Reply #1 on: August 06, 2004, 08:50:34 PM »
This is very easy but, you have not given enough information for me to help.  She is changing the content on her site with a simple script. From your information, you would not be able to use the same method. I can help, but you have not finished the other things I have helped you on.

Code:
<html>
<head>

<title>Just like JennyHyun.tv</title>
<script>
<!--

/***********************************************
* Last updated 08/6/2004 by islanding. This notice must stay intact for use
* Visit http://www.mtrcom.net/ for full source code
***********************************************/


var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'
content[1]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'
content[2]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'
content[3]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'
content[4]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'
content[5]='<table border="0" cellpadding="0" cellspacing="3"><tr><td width="100" height="72"><img src="images/your.gif" border="0"></td><td><font style="font-size:20px">title</font></td></tr><tr><td colspan="2" valign="top">description</td></tr></table>'

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2


//-->
</script>

</head>

<body bgcolor="#FFFFFF">

      <div id="scriptmenu" style="line-height:20px">
             <a href="title" target="_blank" onMouseover="changetext(content[0])">title</a><br>
             <a href="title" target="_blank" onMouseover="changetext(content[1])">title</a><br>
             <a href="title" target="_blank" onMouseover="changetext(content[2])">title</a><br>
             <a href="title" target="_blank" onMouseover="changetext(content[3])">title</a><br>
             <a href="title" target="_blank" onMouseover="changetext(content[4])">title</a><br>
             <a href="title" target="_blank" onMouseover="changetext(content[5])">title</a><br>
        </div>
 
<ilayer id="d1" width="200" height="200" visibility="hide">
          <layer id="d2" width="200" height="200">
          <div id="descriptions" align="left"> </div>
          </layer>
         </ilayer>

</body>
</html>

Good Luck.................
Report to moderator   Logged
The Box said: "Install Win95 or better ..." So I installed Linux.
riceboy
Novice
*
Posts: 11
« Reply #2 on: August 06, 2004, 08:56:39 PM »
Hey Islanding,

I understand that she is using the script... But my problem is I don't know how to make and target the script so that the top right image would change when I do a mouse over on the graphic buttons...

I tried playing with the script but it aint doing it...

As for the other things u helped me on... I decided to just slice the site up instead of using Iframes (cuz not compatible) or OBJECTS cause its too hard LOL But thank you very much for all your help... So now I just need to know how to make it so the top right image changes without descript like on Jenny's site...

Thanks so much...
Report to moderator   Logged
riceboy
Novice
*
Posts: 11
« Reply #3 on: August 07, 2004, 05:36:09 AM »
Well Islanding,

I already chopped things up to make it easier for you... Check it out http://www.attherockshow.org/nsp/breakthrough/nav.html

I want the top right pic to turn into the pic http://www.attherockshow.org/nsp/breakthrough/news_over2.gif when I put my courser over any one of the bottom option menu. Basically sorta like what  http://www.jennyhyun.tv/links.php has but instead, my mouseover pic is at the top right...

God I'm like desperate... Please help me out!
Report to moderator   Logged
islanding
Key Keeper
Sr. Member
****
Posts: 313


I see, But why?


WWW
« Reply #4 on: August 07, 2004, 05:38:23 PM »
Ricboy, I have tested this and eveything functions.

Code:
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="islanding">
<title>Breakthrough :: The Official Website</title>
<script>
<!--
/***********************************************
* Last updated 08/6/2004 by islanding. This notice must stay intact for use
* Visit http://www.mtrcom.net/ for full source code
***********************************************/


var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<img src="news_over.gif" border="0">'
content[1]='<img src="news_over2.gif" border="0">'

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onLoad="MM_preloadImages('about.gif','calendar.gif','contact.gif','fans.gif','journal.gif','links.gif','media.gif','news.gif','news_over2.gif','news_over.gif','press.gif','space.gif','store.gif','top_left.gif')">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
        <td><table border="0" cellpadding="0" cellspacing="0">
            <tr>

                <td><img src="top_left.gif" width="372"
                height="132"></td>
                <td bgcolor="000000"><ilayer id="d1" width="332" height="132" visibility="hide">
          <layer id="d2" width="332" height="132">
          <div id="descriptions" align="left"><img src="news_over.gif" width="332"
                height="132"></div>
          </layer>
         </ilayer></td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td><div id="scriptmenu">
<a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img src="news.gif" width="59" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img src="about.gif"
        border="0" width="123" height="40"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="journal.gif" width="75" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="media.gif" width="52" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="calendar.gif" width="83" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img src="fans.gif"
        width="44" height="40" border="0"></a><img src="space.gif" width="3"
        height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img src="press.gif" width="54" height="40" border="0"><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="store.gif" width="56" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="contact.gif" width="73" height="40" border="0"></a><img
        src="space.gif" width="3" height="40" border="0"><a href="#" target="_blank" onMouseout="changetext(content[0])" onMouseover="changetext(content[1])"><img
        src="links.gif" width="58" height="40" border="0"></a>
</div>
</td>
    </tr>

</table>
 
</body>
</html>
« Last Edit: August 07, 2004, 05:54:07 PM by islanding » Report to moderator   Logged
The Box said: "Install Win95 or better ..." So I installed Linux.
riceboy
Novice
*
Posts: 11
« Reply #5 on: August 07, 2004, 05:59:37 PM »
OMFG! I LOVE you Islanding! You kicks ass! Thank you so much! It worked! You're like GOD sent!

Thanks again,

*hugs*
Report to moderator   Logged
islanding
Key Keeper
Sr. Member
****
Posts: 313


I see, But why?


WWW
« Reply #6 on: August 07, 2004, 06:38:43 PM »
You are welcome................ Cool
Report to moderator   Logged
The Box said: "Install Win95 or better ..." So I installed Linux.
grthxsmen
Guest
« Reply #7 on: September 24, 2004, 03:37:44 AM »
YO WT^,

I HAVE BEEN WONDERING FOR A LONG TIME ON HOW TO GET A VIDEO ON MY SITE.
AND I WAS WONDERING IF U KNEW WHERE I CAN GET IT OR IF U HAD THE CODE?
I WOULD APPRICIATE IT IF U HELP ME OUT THANK YOU.

MY SITE IS http://www.xanga.com/home.aspx?user=Grthxsmen
EMAIL= joey6moshdj3@hotmail.com
Report to moderator   Logged
islanding
Key Keeper
Sr. Member
****
Posts: 313


I see, But why?


WWW
« Reply #8 on: September 24, 2004, 11:11:35 AM »
Ther are many way to do it. You first need to know what it is you are looking for. What type video? Live? Webcam? Clip? who will produce it? in what format?
Report to moderator   Logged
The Box said: "Install Win95 or better ..." So I installed Linux.
joey
Guest
« Reply #9 on: September 26, 2004, 06:16:02 AM »
THANK u for responding,

i jst wnt to have a clip maybe like a music video clip or is that to big.
Um and how do i format it. i thought there was a Code in order to do it well please write back peace out

talk to me on AIM= grthxsmen
Report to moderator   Logged
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Mouseover Link
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!