Søg
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:37 Der er 41 kommentarer og
1 løsning

MOuseover...............

hey

Jeg mangler i den grad et script til mouseover, dvs hvis man har et billede.gif som knap, og man gerne vil have at billede skifter til mouseoverbillede.gif når man kører musen henover det...nogen der kan hjælpe ?!

På forhånd tak

/andreas
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:39 #1
<script>
var pic1 = new Image()
pic.src = \'pic1.gif\'
var pic2 = new Image()
pic.src = \'pic2.gif\'
</script>

Det var trin et load billederne ind
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:40 #2
lig denne her i din header>>>

<script language=\"JavaScript\">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>



og her er selve linket så


<a href=\"#\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image1\',\'\',\'Winter.jpg\',1)\"><img name=\"Image1\" border=\"0\" src=\"blomst.jpg\" width=\"160\" height=\"120\"></a>

dette er genereret af dreamweaver
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:43 #3
punkt 2:

skift billede
<script>
function inover(element){
element.src = pic2
}
</script>
<img src=\"pic1\" onMouseover=\'this.src=\"pic2.gif\"\' onMouseout=\'this.src=\"pic1.gif\"\'>
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:43 #4
casm_ ------>
Lækkert script.....men hvor *fanden* skal jeg skrive minne billeders navne..altså ved mouseout og mouseover

/andreas
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:44 #5
>>> hey tobias cool... er du javascript haj?
ved du hvorfor fanden dreamweaver syntes der ska så meget til for at lave en mouse over??
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:45 #6
tobias cool det fatter jeg ingenting af hvofor i trin?!

/andreas

p.s hvis du kan komme med en lidt mere overskuelig version det hele i en kommentar....
så er det dig der for pointene...du var først
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:45 #7
her-----

<a href=\"#\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image1\',\'\',\'DET_ORIGINALE_BILLEDE.jpg\',1)\"><img name=\"Image1\" border=\"0\" src=\"DIT_SWAP_BILLEDE.jpg\" width=\"160\" height=\"120\"></a>
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:46 #8
Ej ikke nogle haj mit gennemsnit er sølle 9,8 point om dagenMen der ser ret indviklet ud.

Jeg er heller ikke sikker på min kode virker
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:46 #9
husk lige at rette height, og width til
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:47 #10
<html>
<head>
<script>
var pic1 = new Image()
pic.src = \'pic1.gif\'
var pic2 = new Image()
pic.src = \'pic2.gif\'
</script>
</head>
<body>
<img src=\"pic1\" onMouseover=\'this.src=\"pic2.gif\"\' onMouseout=\'this.src=\"pic1.gif\"\'>
</body>
</html>
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:47 #11
casm_...vhsi det kan genereres i dreamweaver fungere det vel....øhhhh

/andreas
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:48 #12
det var ikke mig der tvivlede på min kode det var tobias cool...
Avatar billede realone Nybegynder
08. januar 2002 - 17:49 #13
Mere som oplysning, vil jeg råde dig meget til at bruge en preloader som her:

http://hotwired.lycos.com/webmonkey/
reference/javascript_code_library/
wm_pl_img/?tw=reference&category=user_interface

Jeg ved nemlig fra min egen side, at den dreamweaver.kode fra casm_ til tider kan være lidt langsom uden den.. ;o)
</RealOne>
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:50 #14
use-me-

hvilken editor bruger du siden den ikke kan indsætte mouseovers??
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:50 #15
Jeg tvivlede ikke jeg tror bare man kan komprimere den lidt Javascript er nok det programmerings sprog der bruger flest RAM på computeren
Avatar billede casm_ Nybegynder
08. januar 2002 - 17:51 #16
det er rigtigt, jeg bruger også normalt image readys javascript til mouse over, det er super hurtigt..
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:51 #17
Real> Mit første indlæg var en preloader
Avatar billede realone Nybegynder
08. januar 2002 - 17:52 #18
http://hotwired.lycos.com/webmonkey/reference/javascript_code_library/wm_pl_img/?tw=reference&category=user_interface

.. var vidst bedre (håber jeg)
</RealOne>
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:53 #19
casm---->


notepad eller stones webwriter
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:53 #20
stones webwriter styrer! *HEHE*
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:54 #21
....eller dreamweawer vidste bare ikke at man kunne genere de ting i det..

/andreas
Avatar billede use-me- Nybegynder
08. januar 2002 - 17:55 #22
tobias_>

det gør det da.....;)
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:58 #23
Sorry:

<html>
<head>
<script>
var pic1 = new Image()
pic1.src = \'pic1.gif\'
var pic2 = new Image()
pic2.src = \'pic2.gif\'
</script>
</head>
<body>
<img src=\"pic1\" onMouseover=\'this.src=\"pic2.gif\"\' onMouseout=\'this.src=\"pic1.gif\"\'>
</body>
</html>

Virker fint nok hos mig prøv at højre klikke og se egenskaber der er den skiftet til pic2
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 17:59 #24
Du må sige det fylder lidt midre end Sådan er Jumbo script
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:02 #25
det er da også dig der for pointne...dreamweaver generering er ikke ligefrem hårdt arbejde, men jeg tester lige dit før der er dadler

;)
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:03 #26
til toby der
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:04 #27
...der er bare et prob. jeg skal bruge det til en menu, og der skal altså være forskelige mouseover....what to do whtat to do
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:04 #28
der er jo forskellige knapper
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:05 #29
Det skulle gerne virke for den skifter i this det vil sige den selv
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:13 #30
det virker også men hvad hvis jeg skal bruge forskellige mouseover billder til forskellige knapper
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:14 #31
og en ting mere der er  en error .....den siger at pic ikke er defineret
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:14 #32
Du skal bruge den nye kode jeg skrev
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:15 #33
det er lige et variabel jeg glemte at ændre
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:17 #34
..vhilken nye kode
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:19 #35
<html>
<head>
<script>
var pic1 = new Image()
pic1.src = \'pic1.gif\'
var pic2 = new Image()
pic2.src = \'pic2.gif\'
</script>
</head>
<body>
<img src=\"pic1\" onMouseover=\'this.src=\"pic2.gif\"\' onMouseout=\'this.src=\"pic1.gif\"\'>
</body>
</html>

Fortsat svar fra tobias_cool 
08/01 2002 17:58:51
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:23 #36
Ja det er vist beviset på at WYSIWYG vist ikke rigtig holder i længden (og bredden)
Avatar billede realone Nybegynder
08. januar 2002 - 18:27 #37
tobias_cool ... Den fra Dreamweaver virker da udemærket, bruger den på www.it4real.com !
</RealOne>
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:27 #38
Ja men hvorfor så stor kode for så lidt
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:28 #39
meget flot nu har du skrevet den samme kode 3 gange...hvad skal jeg gøre for at mouseover skiftene er variable...det nytter jo ikke rigtig noget i en menu
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:32 #40
så fortsætter du preloaderen til de billeder du bruger:
var pic1 = new Image()
pic1.src = \'pic1.gif\'
var pic2 = new Image()
pic2.src = \'pic2.gif\'
etc.

og så skriver du jo ellers bare videre det kan jo ikke være så svært
Avatar billede use-me- Nybegynder
08. januar 2002 - 18:32 #41
okay..jeg har fundet ud af det nu..langt om længe...

mange tak for hjælpen


/andreas
Avatar billede tobias_cool Nybegynder
08. januar 2002 - 18:33 #42
Selv tak!
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 21/08/202610:41
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 går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »