| Autor | Zpráva | ||
|---|---|---|---|
| Meelkor Profil * |
#1 · Zasláno: 21. 8. 2010, 16:56:38
Ahoj, používám lightbox pro galerii a při tom využívám i div jako odkaz na fotku. Takže to vlastně vypadá takto:
<div class='fotka' onClick='location.href=\"fotky/big-".$row[0].".jpg\"' rel='lightbox[fotka]' title='".$row[1]."'> <a href='fotky/big-".$row[0].".jpg' rel='lightbox[fotka]' title='".$row[1]."'> <img src='fotky/min-".$row[0].".jpg' /> <br />".$row[1]." </div> ale bohužel si ta fukce location.href neveme hodnotu z parametru "rel". Dá se nějak udělat, aby to vzalo v potaz ten lightbox? Díky moc :) |
||
| _es Profil |
#2 · Zasláno: 21. 8. 2010, 17:26:46
Meelkor:
div nemá atribút rel.
Prečo nepoužiješ normálny odkaz ako v druhom riadku? |
||
| Meelkor Profil * |
#3 · Zasláno: 21. 8. 2010, 17:41:39
A dá se ten rel nějak k tomu onClick přidělat?
Tak sice to jde i bez něj, ale chtěl bych spíš aby sloužil celý div jako odkaz. Ukázka - takto to vypadá a příjde mi torchu hezčí když je jako odkaz celý ten div. Ale pokud to nijak jendodušše nepůjde, tak bude muset stačit odkaz to jméno a fotka. Děkuji za odpověď. |
||
| _es Profil |
#4 · Zasláno: 21. 8. 2010, 17:50:43
Meelkor:
Ešte sa dá aj <div> uzavrieť do <a>.
V kóde ti navyše ešte chýba uzatváracia značka </a>.
|
||
| Meelkor Profil * |
#5 · Zasláno: 21. 8. 2010, 17:58:35
Děkuji moc! Nevím proč, ale myslel jsem si, že <div> do do <a> dát nejde. Děkuji moc za oboje! :-)
|
||
| _es Profil |
#6 · Zasláno: 21. 8. 2010, 18:18:13
Meelkor:
„Nevím proč, ale myslel jsem si, že <div> do do <a> dát nejde.“ Na túto tému tu už bola diskusia. |
||
| Bubák Profil |
#7 · Zasláno: 21. 8. 2010, 19:50:56
Nejde to podle platné HTML specifikace, ale prohlížeče na ní kaškou a s přehledem to vezmou. Validní je to až podle připravované HTML5.
Pokud bys z nějakého důvodů toužil po validitě pohle HTML 4.01, tak použij SPAN a deklaruj ho jako blokový. Ale i bez toho spanu se dá obejít: <style>
body {
background: #000;
}
a {
float: left;
width: 120px;
height: 120px;
text-align: center;
font-weight: bold;
background: #fff;
margin: 10px;
opacity: 0.2;
filter: alpha(opacity=20);
}
a:hover {
opacity: 1;
filter: none;
background: #eee;
}
img {
border: none;
margin: 10px 10px 0 10px;
display: block; /* mezera pod obrazkem */
}
</style>
<a href="#">
<img src="http://damnedoflight.wz.cz/fotky/min-1.jpg">
I</a>
<a href="#">
<img src="http://damnedoflight.wz.cz/fotky/min-1.jpg">
Popis popis</a>
<a href="#">
<img src="http://damnedoflight.wz.cz/fotky/min-1.jpg">
Dlouhy popis popis</a>
<a href="#">
<img src="http://damnedoflight.wz.cz/fotky/min-1.jpg">
Popis</a> |
||
|
Časová prodleva: 14 let
|
|||
0