niin kuva muuttuu eri kuvaksi. Ei vaan onnistu CSS koodilla määrään kuvan paikkaa, kuva kyllä siirtyy minne haluan mutta siiten ei tuo Scripti toimi enää. Koodi on tämmönen: <div style="position: absolute; left: 78; top: 125"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function movepic(img_name,img_src) { document[img_name].src=img_src; } // End --> </SCRIPT> <BODY> <A HREF="http://www.testihommeli.fi" onmouseover="movepic('button','kuvat/palkki.gif')" onmouseout="movepic('button','kuvat/palkki1.gif')"> <IMG NAME="button" SRC="kuvat/palkki.gif" ALT="Image" width="103" height="30"> </A> </div>
CSS sisältää kanssa saman ominaisuuden, tässä esimerkissä käytetty taustakuvan vaihtoon. <html> <head> <title></title> <style type="text/css"> <!-- #home { width: 43px; height: 37px; float: left; padding: 0 5px; cursor: pointer; border: 1px solid #ccc; } .out { background: transparent url(../images/home.gif) no-repeat; } .over { background: transparent url(../images/homeover.gif) no-repeat; } //--> </style> </head> <body> <div id="home" class="out" onMouseOver="this.className='over'" onMouseOut="this.className='out'"> </div> </body> </html>
Pitääkö tuossa laitta tuo koko URL? eli ´http://www.omasivu/kuvat/palkki.gif´ vai miten ku ei näy mitään? esikatselussa. Siis ei riitä "kuvat\palkki.gif" _X_X_X_X_X_[small][/small]
Sain nyt tuon kuvan toimiin, mutta kuvan paikan määritys ei toimi....??? Jos teen näin niin kuva toimii: <a href= javascript:void(0);" onMouseOver= "if (document.images) document.palkki.src= 'http://koti.mbnet.fi/.../...kki1.gif';" onMouseOut= "if (document.images) document.palkki.src= 'http://www.koti.mbnet.fi/..../kuvat/...kki.gif';"> <img src= http://www.koti.mbnet.fi/.../kuvat/...kki.gif" width=103 height=30 alt="palkki" name="palkki" border=0" </a> Mutta kun haluan määrittää nyt tuon kuvan paikan TARKASTI. niin ei tuu kuvaa ollenkaan eikä linkityskään toimi... kuvan paikka kyllä näkyy. Siis näin: <div style="position: absolute; left: 78; top: 180"> <a href= javascript:void(0);" onMouseOver= "if (document.images) document.palkki.src= 'http://koti.mbnet.fi/.../...kki1.gif';" onMouseOut= "if (document.images) document.palkki.src= 'http://www.koti.mbnet.fi/..../kuvat/...kki.gif';"> <img src= http://www.koti.mbnet.fi/.../kuvat/...kki.gif" width=103 height=30 alt="palkki" name="palkki" border=0" </a> </div>
Eikös tuosta puutu yksi "-merkki heti href=:in jälkeen? Ja heti src=:n jälkeen? Ja vähän muualtakin _X_X_X_X_X_[small]DivX, XviD, VCD, SVCD, CVD, DVDR: http://www.mpegit.net http://www.mpegit.fi[/small]
Voisko se olla näin: <div style="position: absolute; left: 78; top: 180"> <a href= "javascript:void(0);" onMouseOver= "if (document.images) document.palkki.src= 'http://koti.mbnet.fi/.../...kki1.gif';" onMouseOut= "if (document.images) document.palkki.src= 'http://www.koti.mbnet.fi/..../kuvat/...kki.gif';"> <img src="http://www.koti.mbnet.fi/.../kuvat/...kki.gif" width=103 height=30 alt="palkki" name="palkki" border="0"></a> </div> _X_X_X_X_X_[small]DivX, XviD, VCD, SVCD, CVD, DVDR: http://www.mpegit.net http://www.mpegit.fi[/small]
Juu... Nyt sain kuvan näkyviin, mutta mihin tuossa tulee linkitys osoite, siis se ku klikkaa tuota palkkia nii minne se menee?
Esim jos pistät: href="http://www.mpegit.net" niin se menisi www.mpegit.net osoitteeseen _X_X_X_X_X_[small]DivX, XviD, VCD, SVCD, CVD, DVDR: http://www.mpegit.net http://www.mpegit.fi[/small]
Thanks! Sain toimiin. Näin: <div style="position: absolute; left: 78; top: 90"> <a href= "http://koti.mbnet.fi/.../...palkki.htm" onMouseOver= "if (document.images) document.palkki.src= 'http://koti.mbnet.fi/.../.../...palkki1.gif';" onMouseOut= "if (document.images) document.palkki.src= 'http://www.koti.mbnet.fi/.../.../...palkki.gif';"> <img src= "http://www.koti.mbnet.fi/.../.../...palkki.gif" width=103 height=30 alt="palkki" name="palkki" border=0" </a> </div>
Kannattaa käyttää Scriptien/koodin kirjoittamiseen editoria joka tukee värikoodausta kyseiseen kieleen niin huomaa noi , . " ( ja muut virheet paljon helpommin. EDIT: http://www.ultraedit.com/ esim toi...
