Autor Zpráva
emissary
Profil
Dobrý deň, s javascriptom nemám skoro žiadne skúsenosti. Ale aj tak by som chcel použiť na svojej stránke malý skript. Predstavte si stránku, na nej tri odkazy. Chcel by som, aby po narolovaní myškou na odkaz zmení tento skript obrázok ktorý bude pod ním (cc asi 15px pod ním). Chcem aby táto zmena je ako prechod. Ten prechod by mal trvá tak 1 - 2 sekundy najviac. Takže 3 obrázky, každý bude patriť jednému odkazu a jeden defaultný obrázok ktorý bude zobrazený, keď nebude narolovaná myška ani na jednom z troch odkazov. Vedel by mi niekto pomôcť?
PanQ
Profil *
Zmena obrazku po najeti mysi:

<head>
 <script>
   function show(q){ 
   document.getElementById('imx').setAttribute('src',q+'.jpg') 
  } 
  </script>
 </head>
 <body> 
  <img src="images/1.jpg" onmouseover="show('images/2)" width ="15px" height="30px" />
 </body> 



jeste jsem zapomnel na:
<img class="thumb2" id ="imx" alt="" src="images/default_image.jpg"  />

zde to zobrazuje defaultni obrazek po najeti mysi na 1.jpg se v tomto miste zameni defaul_image za 1.jpg. Malou upravou muzete editovat dle Vasich pozadavku :)
emissary
Profil
PanQ:
A ako dosiahnem, aby prechod medzi obrázkami bol plynulý.... niečo ako keby sa jeden obrázok pomaly stráca a v tom istom momente sa ďalší pomaly objavuje... Tento plynulý prechod by mohol trvať cca 1 sekundu.


PanQ:
Aby sme sa správne rozumeli, malo by to vyzerať tak, že na stránke budú tri odkazy.... pod týmito odkazmi (15-20px) bude priestor napr. 800 na 300px, kde chcem aby sa tieto 3 obrázky menia pri narolovaní myškou na daný odkaz.
peta
Profil
"A ako dosiahnem, aby prechod medzi obrázkami bol plynulý"
SetInterval v kombinaci s opacity.
JavaScript -- příklady » Datum, čas a časování
http://peter-mlich.wz.cz/web/js/prjpw/cas_blikani.html

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0