Autor | Zpráva | ||
---|---|---|---|
emissary Profil |
#1 · Zasláno: 1. 11. 2012, 11:48:22
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 * |
#2 · Zasláno: 1. 11. 2012, 17:09:30 · Upravil/a: PanQ
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 |
#3 · Zasláno: 2. 11. 2012, 08:47:03 · Upravil/a: emissary
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 |
#4 · Zasláno: 2. 11. 2012, 10:00:28
"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 |
||
Časová prodleva: 12 let
|
0