Autor | Zpráva | ||
---|---|---|---|
Lynx Profil * |
#1 · Zasláno: 8. 8. 2011, 14:38:38
Zdravím, jelikož nejsem nijak zvlášť zkušený v JavaScriptu potřeboval bych radu. Mám zmenšeninu obrázku, na kterou když najedu myš, tak potřebuju aby se pod tou zmenšeninou (nebo kdekoliv jinde) zobrazil ten samý obrázek ve zvětšené podobě. Původn zmenšenina tam musí zůstat. Zkrátka mám několik obrázků vedle sebe a když na některý najedu myší tak se zobrazí zvětšenina pod ním. Vím že by to šlo v css pře pseudotřídu hover a display: none, aleto můj problém nevyřeší. Díky za radu
|
||
peta Profil |
#2 · Zasláno: 9. 8. 2011, 13:21:07 · Upravil/a: peta
"Vím že by to šlo v css pře pseudotřídu hover a display: none, aleto můj problém nevyřeší."
To se totiz musi umet :) Reseni bude urcite nekde 3 roky zpet ve foru. Pomoci position a z-indexu se to da udelat v css. js http://peter-mlich.wz.cz/web/css/pr/ukazka4/ukazka4.htm js http://peter-mlich.wz.cz/web/js/prjpw/index.html onmouseover, onmouseout - Vazba události na změnu stylu textu Bublina z title odkazu (DOM) http://peter-mlich.wz.cz/web/js/pr2/index.htm js-gallery.htm (1 kB) galerie - zmena src obrazku + window.open; FF, IE a google je toho plny |
||
Lynx Profil * |
#3 · Zasláno: 9. 8. 2011, 17:25:20
Bohužel nic z toho mi nepomohlo a v css můj problém opravdu vyřešit nelze. Asi jsem se špatně vyjádřil tak ještě jednou. Mám obrázek - při najetí myší na obrázek se na určité pozici na stránce objeví JINÝ obrázek. Něco na ten styl, že při OnMouseOver se spustí funkce kde bude <img src=""../>.
|
||
peta Profil |
#4 · Zasláno: 10. 8. 2011, 08:40:02 · Upravil/a: peta
Zkoukl jsi css vlastnosti, ktere jsem vyjmenoval?
"v css můj problém opravdu vyřešit nelze" <style> a span {display:none;} a:hover span {display:block;} </style> <a href="?">text1<img1><span>text2<img2></span></a> Po najeti mysi na obrazek1 (a text1) se zobrazi i obrazek2 (a text2), ale po odjeti zmizi. Pokud to cele obklopis prvkem s position relative a spanu das position absolute, tak si ho muzes vuci relative prvku posunout kamkoliv. muzes docilit toho, ze vsechny obrazky 2 budou na stejne pozici pres sebe. Kdyz tam pridat z-indexy, tak ten obrazek muzes vysunout nad ostatni. Cili je to podobne jako odkazu 1. To reseni bys vygoogloval nekde 3 roky zpet v diskuzi, kdybys ho chtel. Mam pocit, ze tam bylo dokonce reseni, ze i po odjeti zustal viditelny posledni obrazek (display:none pryc a z-index) Odkaz1 se prave lisi jen v tom, ze u obrazku2 meni src napevno. "Mám obrázek - při najetí myší na obrázek" - obrazek 1 "se na určité pozici na stránce objeví JINÝ obrázek" - obrazek 2 Chces, aby obrazek1 nekde vytvoril nebo zmenil obrazek2. Zkoukl jsi vubec ten zdrojovy kod? Nebo neumis do toho JS pridat CSS kod, ktery ten obrazek 2 nekam posune, ci skryje? Pridam ti sem par odkazu, ktere urcite zkoukni. http://www.jakpsatweb.cz/css/display.html http://www.jakpsatweb.cz/css/visibility.html http://www.jakpsatweb.cz/css/position.html http://www.jakpsatweb.cz/css/z-index.html http://www.jakpsatweb.cz/css/top.html / bottom, left, right http://www.jakpsatweb.cz/css/priklady/index.html http://www.jakpsatweb.cz/javascript/priklady/index.html priklad Záměna obrázku při kliknutí priklad Změna barev dokumentu vázaná na událost priklad Přiřazení title bubliny javascriptem priklad Skrývání a odkrývání textu priklad Změna barvy řádku tabulky při přejetí myší http://peter-mlich.wz.cz/web/js/prjpw/obrazky-zamena.html |
||
Lynx Profil * |
#5 · Zasláno: 10. 8. 2011, 18:19:16
Máš pravdu jde to :)..jen se mi asi nechtělo dostatečně přemýšlet jak to udělat..každopádně díky
|
||
Časová prodleva: 13 let
|
0