ilch Forum » Allgemein » HTML, PHP, SQL,... » Bilder in Boxen Autoskal mit Mouseover

Geschlossen
  1. #1
    User Pic
    Arikarion Mitglied
    Registriert seit
    26.05.2011
    Beiträge
    40
    Beitragswertungen
    0 Beitragspunkte
    Hallo ich hoffe ihr könnt mir helfen.

    Da unsere Userbilder größer sind und somit zu groß für unsere boxen, zb. lastregisered user, dachte ich mir, das ich eine funktion einbaue welche die bilder automatisch resized und bei mouseover originalgröße anzeigt.

    Leider funktioniert dies nicht.

    Theoretisch würde es mir auch langen, wenn es die breite automatisch auf 100 setzt wenn es größer als 100 ist und es proportional skaliert, also nicht staucht.


    Ich hoffe ihr könnt mir helfen, hier ist meine lastregisereduser.php


    <?php
    #   Copyright by: DjGeCk0
    #   Support: www.swat-report.net und ilch-forum
    #	Version: 1.0.1
    ###################################################
    #                 EINSTELLUNGEN                   #
    ###################################################
    $lastuseranzahl = '3';
    ###################################################
    #       ab hier bitte nichts mehr ändern          #
    ###################################################
    defined ('main') or die ( 'no direct access' );
    $lastmember = db_query ("select * from prefix_user ORDER BY regist DESC limit $lastuseranzahl");
    while($row = mysql_fetch_assoc ($lastmember))
    {
    $avatar = '';
    if ( file_exists($row['avatar'])) {
    	$ai = getimagesize($row['avatar']);
       $avatar = '<img src="'.$row['avatar'].'" " onmouseover="resizeImage(this,\''.$ai[0].'px\', \''.$ai[1].'px\');" onmouseout="smalImage(this, \''.round(($ai[0])/(($ai[1])/50),0).'px\', \'50px\');" style="width:'.round(($ai[0])/(($ai[1])/50),0).'px; height:50px;" border="0" alt="'.$row['name'].'" title="'.$row['name'].'" />';
    	} else {
       	$avatar = '<img src="include/images/avatars/wurstegal.png" " onmouseover="resizeImage(this,\''.$ai[0].'px\', \''.$ai[1].'px\');" onmouseout="smalImage(this, \''.round(($ai[0])/(($ai[1])/50),0).'px\', \'50px\');" style="width:'.round(($ai[0])/(($ai[1])/50),0).'px; height:50px;" border="0" alt="'.$row['name'].'" title="'.$row['name'].'" />';      
    }
    
    if($row['gebdatum'] !== "0000-00-00"){
        $gebdatum = date('d.m.Y',strtotime($row['gebdatum']));
        $tag   = date('d',strtotime($row['gebdatum']));
        $monat = date('m',strtotime($row['gebdatum']));
        $jahr  = date('Y',strtotime($row['gebdatum']));
        
        $jetzt = mktime(0,0,0,date("m"),date("d"),date("Y"));
        $geburtstag = mktime(0,0,0,$monat,$tag,$jahr);
        $alter   = "(".intval(($jetzt - $geburtstag) / (3600 * 24 * 365)).")";
            
    } else {
        $gebdatum = '';
        $alter = '';
    }    
    
    if(!empty($row['staat'])){
        $staat = '<img src="include/images/flags/'.$row['staat'].'" border="0"  alt="'.$row['staat'].'" title="'.$row['staat'].'" />';
    } else {
        $staat = '';
    }
    
    
    echo '<div align="center">'.$avatar.'</div><div align="center">'.$staat.' <a href="index.php?user-details-'.$row['id'].'">'.$row['name'].'</a> '.$alter.' </a></div><br></br>';
    }
    ?>


    Vielen dank schonmal


    Zuletzt modifiziert von Arikarion am 03.06.2011 - 12:07:34
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von Arikarion
    Theoretisch würde es mir auch langen, wenn es die breite automatisch auf 100 setzt wenn es größer als 100 ist und es proportional skaliert, also nicht staucht.

    Dafür gibt es einen css-Befehl: max-width:100px .

    Wird von allen modernen Browsern unterstützt.
    (Siehe: externer Link)

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Arikarion Mitglied
    Registriert seit
    26.05.2011
    Beiträge
    40
    Beitragswertungen
    0 Beitragspunkte
    das geht doch aber nur mit html? ich brauch es aber in ein er box die auf php basiert^^ gibt es da auch nen weg?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Dein HTML Code in PHP in ein echo 'xyz'; setzen!

    Beispiel:
    echo '<img src="bild.jpg" style="max-width:100px; border:none;" />';



    Zuletzt modifiziert von Lord|Schirmer am 06.06.2011 - 23:30:04
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Arikarion Mitglied
    Registriert seit
    26.05.2011
    Beiträge
    40
    Beitragswertungen
    0 Beitragspunkte
    funktioniert super danke^^
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Tr3icio gelöschter User
    ZitatZitat geschrieben von Arikarion

    das geht doch aber nur mit html? ich brauch es aber in ein er box die auf php basiert^^ gibt es da auch nen weg?


    Tipp fürs leben: PHP gibt im Endeffekt nur HTL und Fehler aus :-) Wobei Ich glaube öfters Fehler als alles andere zunge
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten