| Autor | Zpráva | ||
|---|---|---|---|
| Ecrazit Profil * |
#1 · Zasláno: 26. 3. 2012, 20:38:45
Ahoj,
mám libovolný počet obrázků zobrazených vedle sebe a pod sebou a některý z nich má vyplněný title a některý ne... Potřeboval bych v javascriptu, aby když najedu myší na jeden z obrázků, tak se v divu s určitým ID, který je kdesi pod nima, zobrazí onen titulek nebo se nezobrazí nic, pokud u obrázku není vyplněn... Má někdo něco takového? |
||
| Radek9 Profil |
#2 · Zasláno: 26. 3. 2012, 20:42:37
Ecrazit:
Vybereš nějakou DOM metodou obrázky, nastavíš jim události onmouseover a onmouseout, aby se jejich title dal do innerHTML toho daného elementu. Kdyžtak si to zkus napsat a pak ti poradíme, pokud to nebude fungovat. Nebo zkus googlit, určitě najdeš něco podobného už hotového. |
||
| Ecrazit Profil * |
#3 · Zasláno: 26. 3. 2012, 21:12:20 · Upravil/a: Ecrazit
Já o js vůbec nic nevím... Psal bych to pár hodin než bych se naučil základní věci.
když sem si tak rychle prošel net, dokážu získat hodnotu title z tagu img a vypsat nějaký text do toho divu, ale docílit toho, aby to přečetlo právě obrázek, na který jsem najel myší a ne všechny, na to už jsem krátkej... Mám to takhle, přečte to ale vždy jen první IMG s nastaveným titulkem... <script language="javascript">
function showTitle() {
var div = document.getElementById("gallery");
var title = div.getElementsByTagName("IMG")[0].getAttribute("title");
document.getElementById('gallery-titles').innerHTML = title;
}
function hideTitle() {
document.getElementById('gallery-titles').innerHTML = '';
}
</script>
<div class="article-gallery" id="gallery">
<img src="gallery_1.jpg" alt="galerie" title="Titulek číslo 1" onmouseover="showTitle()" onmouseout="hideTitle()" />
<img src="gallery_1.jpg" alt="galerie" title="Titulek číslo 2" onmouseover="showTitle()" onmouseout="hideTitle()" />
</div>
<div class="article-gallery-titles" id="gallery-titles"></div> |
||
|
Časová prodleva: 14 let
|
|||
0