| Autor | Zpráva | ||
|---|---|---|---|
| mimochodec Profil |
#1 · Zasláno: 19. 8. 2014, 07:22:27
Chtěl bych elegantně vyřešit mazání obrázků v galerii. Představuju si to tak, že když najedu na náhled, nad jeho pravým horním rohem by se mi zobrazila miniaturní lišta, kde by byl křížek a tužka. Mohl by mě někdo navést? Prakticky jde o totéž, co je u příspěvků na FB. Myslím, že se to dá realizovat čistě pomocí css, ale netrvám na tom. Naopak jquery bych spíš nechtěl.
|
||
| Stalker Profil |
#2 · Zasláno: 19. 8. 2014, 07:30:08
Vytvoř si toolbar, například do nějakého
divu, a ten absolutně napozicuj doprava nahoru (bottom: 100%;right: 0) vůči jeho rodičovskému elementu, v tvém případě obrázek v galerii.
No a defaultně nech toolbar skrytý, a když nahoveruješ na obrázek, tak ho zobraz. |
||
| mimochodec Profil |
Jak může být img něčeho rodičem? Nebo mám kvůli tomu každý obrázek balit do divu?
Krom toho tomu css asi něco chybí. Zobrazí se, ale není přes ten obrázek, je normálně nad ním. Pozicování normálně vůbec nepoužívám, tak teď trochu tápu. <div>
<div class='tbox'>ddd</div>
<a href='files-photo/8h8ubg-800.jpg'>
<img src='files-photo/8h8ubg-150.jpg'>
</a>
</div>
.tbox{
bottom: 100%;
right: 0;
}Ještě mě napadlo, že by ten box mohl být na stránce jen jeden a mohl by se vždycky přesunout nad pravý roh toho obrázku pod myší. To už by se bez JS asi neobešlo, ale to mi nevadí. Potřeboval bych pak do něj nějak promítnout nějaké id, ale to už by se nějak dalo. Tak jsem našel http://jsfiddle.net/5aKt8/7 a mám asi vyřešeno. |
||
| Stalker Profil |
mimochodec:
Pokud ho chceš mít v jeho horní části, ne nad ním, tak použij místo bottom: 100%, top: 0. V tvém připadě dej div.tbox dovnitř tagu <a> a tagu <a> přidej posotion relative Ps: celý obalovací tag <div> můžes pak vyhodit |
||
| mimochodec Profil |
#5 · Zasláno: 19. 8. 2014, 08:21:53
Stalker:
„Pokud ho chceš mít v jeho horní části, ne nad ním, tak použij místo bottom: 100%, top: 0.“ Už chápu, nerozuměli jsme si. Díky. |
||
|
Časová prodleva: 10 let
|
|||
0