nicht angemeldet
Lightbox und img hover
Hallo zusammen!
Habe ein Problem und finde hierzu leider im archiv und bei google keine passende(!) hilfe!
Also:
Ich möchte einen hover effekt auf ein bild anwenden, welches an sich in einen lightbox-link eingebunden ist.
<a href="images/a1_gross.jpg" rel="lightbox" title="Blabla">
<img src="images/a1_klein1.jpg" width="300" height="310" alt="Blabla" title="Blabla" class="f-right"></a>
dachte an a class und bg-img.. aber irgendwie willer net!?
-
Hi,
Habe ein Problem und finde hierzu leider im archiv und bei google keine passende(!) hilfe!
dann solltest Du vielleicht damit beginnen, dieses Problem zu formulieren. Das hast Du in Deinem Posting nämlich vergessen, ich finde dort nur ein Ziel.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi,
Habe ein Problem und finde hierzu leider im archiv und bei google keine passende(!) hilfe!
dann solltest Du vielleicht damit beginnen, dieses Problem zu formulieren. Das hast Du in Deinem Posting nämlich vergessen, ich finde dort nur ein Ziel.
Cheatah
you're right!
also: wie erhalte ich eine ausgabe, die beim "hovern" statt "a1_klein1.jpg" "a1_klein2.jpg" anzeigt!?
habe es (ohne erfolg) wie folgt versucht:
css:
#klasse1{width:300px; height:310px; position:absolute; top:0; left:0; padding:0px; background:url(images/a1_klein1.jpg) no-repeat;}
#klasse1 a{width:300px; height:310px; display:block; text-decoration:none; }
#klasse1 a:hover{width:300px; height:310px; background:url(images/a1_klein2.jpg) no-repeat;}html:
<a href="images/a1_gross.jpg" rel="lightbox" title="Blabla" class="klasse1"></a>
wo liegt der denkfehler!?
und wie kann man das (formulierte) ziel anders erreichen??
danke und gruß!
-
Der Denkfehler liegt daran, dass das erste Bild im div und nicht in a steht; das a-tag ist außerdem nicht auf display:block gesetzt und hat daher auch nicht die volle angegebene Größe.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes-
Der Denkfehler liegt daran, dass das erste Bild im div und nicht in a steht; das a-tag ist außerdem nicht auf display:block gesetzt und hat daher auch nicht die volle angegebene Größe.
Gruß, LX
Vielen Dank!
Hab's jetzt so gemacht und es funktioniert alles soweit.
<div id="klasse1">
<a href="images/a1_gross.jpg" rel="lightbox" title="Blabla"></a>
</div>Problem ist jetzt nur, dass a1_klein1 und 2 vorher mit class="f-right"
rechts am Text vorbeiliefen. jetzt erhalte ich erst das bild mit dem gewünschten hover-effekt und im anschluß den text - ist schon klar, warum. aber wie löse ich diese problem jetzt??habe einfach mal
img.f-right {
float : right;
margin-left : 10px;
}in
klasse1.f-right {
float : right;
margin-left : 10px;
}geändert. funzt so aber nicht (hätte mich auch gewundert).
wie bekommen ich also den div jetzt rechts neben den text?
danke und gruß!
-
-
-