| Autor | Zpráva | ||
|---|---|---|---|
| Kallados Profil * |
#1 · Zasláno: 12. 7. 2010, 14:45:29
Ahoj, chtěl jsem poprosit o radu. Celý den googlim a nějak jsem stále nenašel nic, co by mi pomohlo. A když už jsem nějaký skript našel, tak pro změnu nefunguje (nebo spíš nejsem schopen ho rozhýbat).
Zpúsobů na změnu obrázku při najetí myší je hromada. Koukal jsem jak na CSS, tak JS. Mám ale problém trochu jiný, kteří se mi nějak nedaří rozlousknout. Na tomhle webu co dělám se snažím učit, jelikož jsem jel doposud vesměs na CMS, nebo statickém HTML. o co jde: » odkaz (položka "úvod" na mých stránkách) <td colspan="2" rowspan="3"> <a href="http://kallados.info"> <img src="images/about.jpg" width="61" height="16" alt="domů" border="0" ></a></td> » obrázek původní (na jiném místě webu, stejný s pozadím v defaultu tj. není vidět ;-) <td> <img src="images/index_16.jpg" width="7" height="14" alt=""></td> |
||
| Kallados Profil * |
#2 · Zasláno: 12. 7. 2010, 14:46:10
Kallados:
odeslal jsem to příliš brzo, omlouvám se |
||
| Kallados Profil * |
#3 · Zasláno: 12. 7. 2010, 15:04:18
Jde mi o to aby se při najetí na odkaz (about.jpg) změnil obrázek na jiném místě stránky (index_16.jpg) na obrázek over.png (uložený v kořenové složce). Po mouseout by se měl vrátit zpět na index_16.jpg)
Tj. bez jakékoliv akce není nic vidět, jelikož "index_16.jpg" má stejnou barvu s pozadím. Po najetí myši na odkaz bych však chtěl, aby se mi tento obrázek změnil a po odjetí myši se vrátil zpět. odkaz: 
<a href="http://kallados.info"> <img src="images/about.jpg" width="61" height="16" alt="domů" border="0" ></a> obrázek bez akce: (index_16.jpg) 
<img src="images/index_16.jpg" width="7" height="14" alt=""> obrázek při najetí ((over.png) je pouze malý červený obdelník, který nahradí při najetí eviditelný obrázek 
Zatím jsem našel pouze návody, jak změnit obrázek, na který přímo najíždím a to mi je naprt. Díky moc za jakoukoliv pomoc. Jinak zdrojový kod kompletní je vidět na kallados.info |
||
| Radovan789 Profil * |
#4 · Zasláno: 12. 7. 2010, 20:22:53
Chápu li to dobře tak se snažíš o to že když najedeš na menu tak se ten čtvereček zvětší?
|
||
| rorsach Profil * |
#5 · Zasláno: 13. 7. 2010, 20:23:07
Radovan789:
Jakoby ano. Resp. v tuhle chvíli je vedle červeného uzkého jeden šedivý, který není vidět (index_16.jpg), ten by se při najetí na položku "úvod" měl změnit na jiný obrázek "červený" a tím vznikne dojem, jakože se pův. červená odrážka zvětšila (přitom pouze přibila červená kostička) |
||
| Radovan789 Profil * |
#6 · Zasláno: 13. 7. 2010, 21:09:22
<img src="images/index_16.jpg" width="7" height="14" alt="" id="change_img_index_16">
...
<a href="odkaz"><img onmouseover="document.getElementById('change_img_index_16').src='jiny_obrazek.jpg';" onmouseout="document.getElementById('change_img_index_16').src='images/index_16.jpg';" src="uvod"></a>Takhle by to mělo fungovat. |
||
| rorsach Profil * |
#7 · Zasláno: 14. 7. 2010, 10:55:46
Radovan789:
Wow, super. Díky moc. Jen mi to trochu rozhodilo tabulky a finální verze mi sedla tahle: <a href="http://kallados.info" onmouseover="document.getElementById('change_img_index_16').src='http://kallados.info/over.png';" onmouseout="document.getElementById('change_img_index_16').src='images/index_16.jpg';" src="uvod">Vlastně jsem to do toho jen vnořil. A jede to výborně a vypadá to, že jsem trochu pobral i tu logiku. Ještě jednou díky ;-) |
||
|
Časová prodleva: 15 let
|
|||
0