Søg
Avatar billede fragze Juniormester
04. januar 2004 - 21:29 Der er 15 kommentarer og
1 løsning

Mouseover fade.

Yo der, jeg har en mouseover like this...

<img src="<?php echo "$data[pic]"; ?>" width="160" height="120" alt="" onMouseOver="this.src='<?php echo "$data[pic2]"; ?>'; return true;" onMouseOut="this.src='<?php echo "$data[pic]"; ?>'; return true" border=0>

Nu er det så jeg godt vil have den til at FADE ligeså langsomt ud og ind når man har musen på billedet... :) håber opgaven er forstået :)
Avatar billede roenving Novice
04. januar 2004 - 21:31 #1
Sådan !-)

http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede roenving Novice
04. januar 2004 - 21:32 #2
Men du bliver nødt til at have 2 ovenpå hinanden, hvis den metode skal bruges ...
Avatar billede fragze Juniormester
04. januar 2004 - 21:41 #3
HAr intet med det at gøre... sry de er 2 billeder der skal fade ind over hinaden..
Avatar billede roenving Novice
04. januar 2004 - 21:45 #4
Strictly for IE4+

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>blendTrans</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#myImg {filter:blendTrans(duration=3)}
</style>
<script language="javascript" type="text/javascript">
function blend(img){
  img.filters["blendTrans"].apply();
  if(img.src.indexOf("billede")>-1){
    img.src = "../eksperten_logo_new.gif";
  }else{
    img.src = "../billede.jpg";
  }
  img.filters["blendTrans"].play();
}
</script>
</head>
<body>
<img id="myImg" src="../billede.jpg" style="width:50px;height:50px;" onmouseover="blend(this);" onmouseout="blend(this);">
</body>

</html>
Avatar billede fragze Juniormester
04. januar 2004 - 21:46 #5
kk så smid lige mine <?php echo "$data[pic]"; ?> & <?php echo "$data[pic2]"; ?>
ind i det :D så er jeg en glad mand :D og du har 150 point :P
Avatar billede roenving Novice
04. januar 2004 - 21:54 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>blendTrans</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#myImg {filter:blendTrans(duration=3)}
</style>
<script language="javascript" type="text/javascript">
function blend(img){
  img.filters["blendTrans"].apply();
  if(img.src.indexOf("<?php echo "$data[pic]"; ?>")>-1){
    img.src = "<?php echo "$data[pic2]"; ?>";
  }else{
    img.src = "<?php echo "$data[pic]"; ?>";
  }
  img.filters["blendTrans"].play();
}
</script>
</head>
<body>
<img id="myImg" src="<?php echo "$data[pic]"; ?>" style="width:50px;height:50px;" onmouseover="blend(this);" onmouseout="blend(this);">
</body>

</html>

-- og jeg har selvfølgelig ikke testet selv, da jeg ikke har php !-)
Avatar billede roenving Novice
04. januar 2004 - 21:56 #7
Metoden fordrer dog, at det nye billede ikke må hedde en del af det andet:

overBillede.gif som nyt og Billede.gif, som det gamle, vil fejle og aldrig gå tilbage,

billedeOver.gif som nyt og billede.gif, som det gamle, skulle ikke give problemer ...
Avatar billede fragze Juniormester
04. januar 2004 - 22:01 #8
det virker inte... den henter sq ikk image 2... :(
Avatar billede roenving Novice
04. januar 2004 - 22:02 #9
Prøv en vis kilde og læg den her ...
Avatar billede fragze Juniormester
04. januar 2004 - 22:06 #10
<style type="text/css">
#myImg {filter:blendTrans(duration=3)}
</style>
<script language="javascript" type="text/javascript">
function blend(img){
  img.filters["blendTrans"].apply();
  if(img.src.indexOf("<?php echo "$data[pic]"; ?>")>-1){
    img.src = "<?php echo "$data[pic2]"; ?>";
  }else{
    img.src = "<?php echo "$data[pic]"; ?>";
  }
  img.filters["blendTrans"].play();
}
</script>
<?php
if(isset($_GET['id'])) {
$foresp = mysql_query("SELECT * FROM brugere WHERE userid= $_GET[id]");
while($data = mysql_fetch_array($foresp)){

?>
<TABLE WIDTH=475 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
  <TR>
    <TD> <img src="images/news_01.gif" width=475 height=15 alt=""></TD>
  </TR>
  <TR>
    <TD background="images/news_bg.gif" WIDTH=475 ><TABLE cellSpacing=0 cellPadding=2 width="95%" align=center>
      <TBODY>
        <TR vAlign=top>
          <TD width="90%">
            <TABLE cellSpacing=0 cellPadding=2 width="100%"
                        align=center>
              <TBODY>
              <TR vAlign=top>
                  <TD></TD>
                  <TD colSpan=3><B>Personal Info :</B></TD>
                </TR>
                <TR vAlign=top>
                  <TD width="5%"></TD>
                  <TD width="25%">Nick:</TD>
                  <TD><?php echo "$data[navn]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Function:</TD>
                  <TD><?php echo "$data[position]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Status:</TD>
                  <TD><?php echo "$data[status]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=3 height=10></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Name:</TD>
                  <TD><?php echo "$data[name]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>E-mail:</TD>
                  <TD><A
                              href="mailto:<?php echo "$data[mail]"; ?>"><?php echo "$data[mail]"; ?></A></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Location:</TD>
                  <TD><?php echo "$data[location]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Age:</TD>
                  <TD><?php echo "$data[age]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=3 height=10></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD colSpan=3><B>Hardware:</B></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Connection:</TD>
                  <TD colSpan=2><?php echo "$data[connection]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>CPU:</TD>
                  <TD colSpan=2><?php echo "$data[cpu]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>GFX:</TD>
                  <TD colSpan=2><?php echo "$data[gfx]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>RAM:</TD>
                  <TD colSpan=2><?php echo "$data[memory]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Mouse:</TD>
                  <TD colSpan=2><?php echo "$data[mouse]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>PAD:</TD>
                  <TD colSpan=2><?php echo "$data[pad]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Monitor:</TD>
                  <TD colSpan=2><?php echo "$data[monitor]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Headset:</TD>
                  <TD colSpan=2><?php echo "$data[headset]"; ?></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=4 height=10></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>Quote:</TD>
                  <TD colSpan=2><?php echo "$data[quote]"; ?><BR>
                      <BR></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=4 height=10></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD>CFG:</TD>
                  <TD colSpan=2><A
                              href="<?php echo "$data[cfg]"; ?>"
                              target=_blank>Click here to download</A></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=4 height=10></TD>
                </TR>
                <TR vAlign=top>
                  <TD></TD>
                  <TD colSpan=3><a href="index.php?site=members">&laquo;--</a></TD>
                </TR>
                <TR vAlign=top>
                  <TD colSpan=4 height=10></TD>
                </TR>
              </TBODY>
          </TABLE></TD>
          <TD width=120 rowSpan=9>
            <DIV align=right>
              <TABLE height=100 cellSpacing=0 cellPadding=0 width=100
                        align=right border=0>
                <TBODY>
                  <TR>
                    <TD class=overall><img id="myImg" src="<?php echo "$data[pic]"; ?>" style="width:160px;height:120px;" onmouseover="blend(this);" onmouseout="blend(this);">
</TD>
                  </TR>
                </TBODY>
              </TABLE>
          </DIV></TD>
        </TR>
      </TBODY>
    </TABLE></TD>
  </TR>
  <TR>
    <TD> <IMG SRC="images/news_03.gif" WIDTH=475 HEIGHT=15 ALT=""></TD>
  </TR>
</TABLE>
<br>
</body>
</html>
<?php
}
}
?>
Avatar billede roenving Novice
04. januar 2004 - 22:09 #11
Kunne du ikke lige vise outputtet (Vis kilde når du ser det i browseren !-), for jeg kan ikke checke dit php, det jeg kan kigge efter, når det er javascript, er det, som når frem til browseren !o]
Avatar billede roenving Novice
04. januar 2004 - 22:11 #12
Åh, det er jo klart:

<?php
if(isset($_GET['id'])) {
$foresp = mysql_query("SELECT * FROM brugere WHERE userid= $_GET[id]");
while($data = mysql_fetch_array($foresp)){

?>

<style type="text/css">
#myImg {filter:blendTrans(duration=3)}
</style>
<script language="javascript" type="text/javascript">
function blend(img){
  img.filters["blendTrans"].apply();
  if(img.src.indexOf("<?php echo "$data[pic]"; ?>")>-1){
    img.src = "<?php echo "$data[pic2]"; ?>";
  }else{
    img.src = "<?php echo "$data[pic]"; ?>";
  }
  img.filters["blendTrans"].play();
}
</script>

...
Avatar billede roenving Novice
04. januar 2004 - 22:13 #13
Hvis du så på et tidspunkt vil have flere records skal der lige tænkes lidt anderledes, men så længe det bare er een pr. side, er der ingen problemer !-)
Avatar billede fragze Juniormester
04. januar 2004 - 22:13 #14
præcis sån der :)
Avatar billede roenving Novice
04. januar 2004 - 23:35 #15
-- dvs. du fik den igang ?-)

-- så velbekomme '-)
Avatar billede roenving Novice
04. januar 2004 - 23:58 #16
-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 19:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
I går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
White papers
Flere white papers »