REQ: Hilfe bei MouseOver-Effekt
Easyrider16 19.11.2007 - 20:58 853 8
Easyrider16
Bloody Newbie
|
hab da mal wieder ein problem, bei dem ich ein paar profis brauche
ich habe in einer datenbank die dateinamen verschiedener bilder, die bilder sind natürlich auf einem server gespeichert
ich will die bilder auf einer seite anzeigen lassen (funktioniert ohne probleme) und wenn ich mit der maus drübergeh soll ein neues bild erscheinen, der dateiname des anderen bildes steht auch in der selben datenbank
ich will keinen link auf das bild, perfekt wäre es wenn sich die restliche seite (nicht nur der mainframe) dunkelgrau färbt)
wenn ich dann mit der maus wieder wegfahre soll das bild wieder verschwinden
bitte um hilfe
tia
|
fatmike182
Agnotologe
|
welches Bild soll erscheinen wenn du drüberhoverst? Kann man sich das so vorstellen, dass du Hausnummer 3x3 (also 9) Bilder hast. wen du über das 1. Bild hoverst soll in der Mitte vom screen ein bild erscheinen und sich der Rest verdunkelgrauen?
Prinzipiell wäre das mit ajax (oder?) zu lösen. Kannst aber imho auch undynamisch mit javascript & css machen - indem du ein Bild mit Elphaeffekt auf hidden hast und dann erst zeigst wenn du was anklickst. in einer Ebene darüber (mit z-index) lass dann das neue Bild erscheinen.
Kenn mich aber eigentlich nicht gut aus...
|
Easyrider16
Bloody Newbie
|
in einem datensatz sind 2 felder: bild 1, bild 2
auf der seite werden alle bilder angezeigt die im feld "bild 1" stehen, wenn ich auf ein beliebiges bild einen hover mache, will ich das dazugehörige "bild 2 sehen"
mit dem verdunkeln der restlichen seite bin ich mir noch nicht sicher ob ichs überhaupt mache
|
Lizardking
Big d00d
|
1. Möglichkeit mit Javascript -> Link2. Möglichkeit mit CSS -> Linkheißt natürlich nicht, dass es nicht noch andere Lösungen gibt, nur diese beiden fallen mir spontan ein. hth
|
Easyrider16
Bloody Newbie
|
1. Möglichkeit mit Javascript -> Link
2. Möglichkeit mit CSS -> Link
heißt natürlich nicht, dass es nicht noch andere Lösungen gibt, nur diese beiden fallen mir spontan ein.
hth ersteres habe ich schon probiert, funktioniert aber nicht auszug vom code: <td width="60"><a href="mitarbeiter.php" style="margin-left:0px" onMouseOver="image.src='../admin/betrieb/mitarbeiter/uploads/<?php echo ($row['bild'])?>';" onMouseOut="image.src='../admin/betrieb/mitarbeiter/uploads/t_<?php echo ($row['bild'])?>';"><img name="image" src = "../admin/betrieb/mitarbeiter/uploads/t_<?php echo ($row['bild']);?>" border="1" style="border-color:6aac64; border-width:thin" ></td>
|
fatmike182
Agnotologe
|
was konkret geht nciht? schaut am 1. blick vernünftig aus eigentlich. was schreibt das Programm in folgenden Fällen: - t_<?php echo ($row['bild'])?> - <img src="../admin/betrieb/mitarbeiter/uploads/t_BILDNAME.ENDUNG">
liegts nur an der Tabelle? (hast dus außerhalb veruscht?)
edit: jedenfalls stmmt der letzte Tag überhaupt icht bzgl Anführungszeichen und ; setzung. versuchs mal so wies gue gemeint hat
Bearbeitet von fatmike182 am 20.11.2007, 15:09
|
gue
Addicted
|
Du ersetzt beim Mouseover ../admin/betrieb/mitarbeiter/uploads/t_<?php echo ($row['bild'])?> durch ../admin/betrieb/mitarbeiter/uploads/t_<?php echo ($row['bild']);?> ?
|
Easyrider16
Bloody Newbie
|
nein als beispiel: ich habe ein bild mit dem dateinamen: test.jpg beim upload auf den server habe ich ein thumbnail erstellen lassen mit dem namen: t_test.jpg der dateiname des ersten bildes steht in der datenbank. ich will auf der seite die thumbnails anzeigen lassen (funktioniert problemlos)
wenn ich über das thumbnail einen hover mache will ich, dass das andere bild erscheint -->test.jpg
wenn ich mit der maus den bildbereich wieder verlasse soll wieder das thumbnail erscheinen
|
gue
Addicted
|
Dann empfehle ich dir das t_ wegzugeben.
|