maus auf nick bild im kleine fenster

Begonnen von Andre_, 06 Januar 2007, 17:27:57

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Andre_

hallo mal eine Frage auf einer anderen Seite habe ich was schönes gesehen

Wenn man auf den Nick mit der Maus geht wird ein Bild angezeigt was der User hochgeladen hat klein direkt neben den mauszeiger

ob man das auch machen kann und wie das geht. Huh?


hier der Link mal dazu einfach auf ein Nick aber nich klicken nur mit der maus drauf

http://ed-netz.de/community/online/index.html

ps: denk mal passt hier besser rein

jubilee

#1
Kannst Du mit der im Pragma integrierten Overlib machen.
Musst nur dem link ein Mouseover-Event hinzufügen der die Overlib aufruft.
Dieser musst Du dann den Pfad zum bild mitgeben ...
Beispiel:
Zitat
<a href="Pfad_oder_URL_zum_Profil" title=\"\" onmouseover="return overlib(\'<img src=Hier_Der_Pfad_oder_URL_zum_Bild>\', FULLHTML, FIXX, 10, FIXY, 10);" onmouseout="return nd();"> Linkbeschreibung </a>

Angegebenes Beispiel zeigt das Bild oben rechts in der Ecke (X+10 pix, Y+10Pix) 

HanSolo

Moin zusammen,

falls es interessant ist - hier ein Link zur Dokumentation von der overlib-Funktion.

http://www.bosrup.com/web/overlib/?Documentation

Kann man neben Bildern auch weitere "Informationen" unterbringen - ein Beispiel u.a. bei http://www.dtsv.de/modules.php?name=Content&pa=showpage&pid=11

Viel Spaß mit der Overlib-Funktion :-)

Liebe Grüße
Oliver / HanSolo
Lieben Gruß

Oliver / HanSolo

Andre_

Schlecht wenn man kein Englisch kann aber danke für den Tipp  @HanSolo


@jubilee veräts du mir noch welche datei es ist ??

:-)

BowlingX

Hi,
wo genau soll das denn angezeigt werden? Im Profil?
David
Kein Support über Mail, (ungefragter) PN oder ICQ, ausschließlich direkt im Forum!

smartmusic

verstehe jetzt nicht genau wie ich noch zusätzliche informationen einbaue

wie müsste es z.b. aussehen wenn ich zusätzlich zu dem bild noch das alter angezeigt haben möchte?

BowlingX

Ah,
jetzt seh ich das erst :D, da musst du in der Memberliste die index.php verändern.
David
Kein Support über Mail, (ungefragter) PN oder ICQ, ausschließlich direkt im Forum!

smartmusic

hallo,

ich habe nun mal versucht es in die memberlist einzufügen,
nur wird es nicht korrekt angezeigt, es stehen code stücke vor dem usernamen.

wo ist hier der fehler?

echo "<tr><td bgcolor=\"$dcolor\"><font color=\"$textcolor1\"><a href=\"modules.php?name=Userinfo&amp;uname=" . $theuser["uname"] . "\" onmouseover=\"return overlib(\'<img src=images/forum/member_avatar/xxx.jpg>\',
FULLHTML, FIXX, 10, FIXY, 10);\" onmouseout=\"return nd();\"> " . $theuser["uname"] . " </a></font>&nbsp;</td>\n";

Jay-E

ich würde mal sagen hier liegt der fehler:


<img src=images/forum/member_avatar/xxx.jpg>


weis aber grad net wie das richtig sein muss weil das avatarmodul immer foto.1.jpg oder so macht....

smartmusic

das bild ist jetzt erstmal egal....das ist nur ein beispiel

der code muss ja erstmal stimmen das die anzeige auf der seite stimmt

da muss ein fehler drin sein

Andi

Hi :)

probier's mal damit:

echo "<tr><td bgcolor=\"$dcolor\">
<font color=\"$textcolor1\">
<a href=\"modules.php?name=Userinfo&amp;uname=" . $theuser["uname"] . "\"
onmouseover=\"return overlib('<'+'img src=images/forum/member_avatar/xxx.jpg'+'>', FULLHTML, FIXX, 10, FIXY, 10);\"
onmouseout=\"return nd();\">
" . $theuser["uname"] . " </a></font>&nbsp;</td>\n";


Beachte das:
'<'+'img src=images/forum/member_avatar/xxx.jpg'+'>'

Der Imagetag wurde für/mit Javascript zerstückelt, damit der innerhalb von dem a-Tag nicht als normaler HTML-Imagetag erkannt und interpretiert wird.


nette Idee...  :smile:
schön´s Grüssle, Andi

smartmusic

danke andi

der code ist nun sauber nur es öffnet sich noch kein fenster

muss ich da noch was von overlib wo einbauen?

aitschdotpie

nein mußt du nicht, schau mal oben links in die ecke dann siehst du das bild.
wenn du das bild direkt unter den namen haben möchtest nimm .... , FIXX, 10, FIXY, 10 ... aus den code von andi raus.

smartmusic

bei mir erscheint kein bild...woran kann es liegen


wo hast du es eingebaut in welches modul

poste mal

habe fix 10 rausgenommen und ich seh es komisch...

hat jemand schon das in die memberliste eingebaut?

aitschdotpie

habe es in der member_list eingebaut. funktioniert ja auch, aber noch nicht so wie es soll.
andi's code habe ich gegen die zeilen die auf 224 in der index der memberslist sind ausgetauscht.
anstatt:
echo "<tr><td bgcolor=\"$dcolor\"><font color=\"$textcolor1\"><a href=\"modules.php?name=Userinfo&amp;uname=" . $theuser["uname"] . "\">" . $theuser["uname"] . "</a></font>&nbsp;</td>\n";
gibst du andi seinen code da rein.

mein problem ist das ich nicht weiß wie ich das richtige avatar anzeigen lasse. Habe
<'+'img src=images/forum/member_avatar/$theuser[name].avatar.1.jpg'+'> eingegeben, dann werden aber nur die avatare angezeigt die auch .1.jpg abgelegt wurden. die mit .2.jpg oder .3.jpg usw. werden natürlich nicht angezeigt.

weiß da jemand was anstelle der .avatar.1.jpg dahin muß?

smartmusic

bis auf ein paar kleine fehler wo das bild nicht angezeigt wird....geht es schonmal

    while ($theuser = sql_fetch_array($result)) {

// stelle Userbild/Avatar zur Verfügung
$avatarFile = mxIsAvatarUploaded ($theuser["uname"]);
// Wenn ein Avatar hochgeladen wurde
if (!empty($avatarFile))
{
//echo mxCreateImage (MX_PATH_MEMBERAVATAR."/".$avatarFile["werist"]);
$picpath = MX_PATH_MEMBERAVATAR;
// prüfe, ob die Datei auch wirklich vorhanden ist
if (@file_exists("$picpath/$avatarFile"))
{
$avatar = $avatarFile;
}
else
{
$avatar           = "noimage.jpg";
}
}
else
{
// für alte Version des Avatar Upload Moduls
if (@file_exists("$picpath/$uname.jpg"))
{
$avatar           = "$uname.jpg";
}
elseif (@file_exists("$picpath/$uname.jpeg"))
{
$avatar           = "$uname.jpeg";
}
elseif (@file_exists("$picpath/$uname.gif"))
{
$avatar           = "$uname.gif";
}
elseif (@file_exists("$picpath/$uname.png"))
{
$avatar           = "$uname.png";
}
else
{
$avatar           = "noimage.jpg";
}
}

        $dcolor = ($a == 0 ? $dcolor_A : $dcolor_B);

        echo "<tr><td bgcolor=\"$dcolor\">
<font color=\"$textcolor1\">
<a href=\"modules.php?name=Userinfo&amp;uname=" . $theuser["uname"] . "\"
onmouseover=\"return overlib('<'+'img src=".$picpath."/".$avatar."'+'>', FULLHTML);\"
onmouseout=\"return nd();\">
" . $theuser["uname"] . " </a></font>&nbsp;</td>\n";

aitschdotpie

ja wunderbärchen, immerhin funktioniert es schonmal etwas mehr  :thumbup:
wenn jetzt noch das prob mit den noimage gelöst wird, bin ich volle kanne happy.

mfg

smartmusic

ja du brauchst nur eine  noimage.jpg in den richtigen ordner spielen


was mich nun interessiert ist, wie man noch zusätzliche infos mit ins overlib bekommt z.b. wie alter oder geschlecht.

jubilee

Zitatwas mich nun interessiert ist, wie man noch zusätzliche infos mit ins overlib bekommt z.b. wie alter oder geschlecht

Hindert Dich irgendjemand daran, da noch etwas mehr reinzuschreiben ? ?
Zitatreturn overlib('<'+'img src=".$picpath."/".$avatar."'+'>'

smartmusic

das nicht,aber an welcher stelle füge ich es im code ein die zusatzinfo wie alter?

und es wird alles soweit korrekt angezeigt ausser die nicknamen mit einem leerzeichen drin,
woran kann das liegen
bsp.: nick: lala peter