+ Antworten
Ergebnis 1 bis 2 von 2

Frage an die Coding Gurus: <img> durch SVG XML dynamisch ersetzen

Eine Diskussion über Frage an die Coding Gurus: <img> durch SVG XML dynamisch ersetzen im Forum Technik Ecke. Teil des Off Topic-Bereichs; Juten Abend, liebe Freunde der Web-Coderei... Ich stehe vor folgendem Problem: In WBB4.x ist der Default-Avatar leider recht blöd eingebunden. ...

  1. #1
    Stabsunteroffizier
    Avatar von Sven
    Registriert seit
    15.09.2001
    Ort
    Jüchen
    Alter
    49
    Beiträge
    848
    Nick
    xysvenxy
    Clans
    CnCBoa

    Frage Frage an die Coding Gurus: <img> durch SVG XML dynamisch ersetzen

    Juten Abend, liebe Freunde der Web-Coderei...

    Ich stehe vor folgendem Problem:
    In WBB4.x ist der Default-Avatar leider recht blöd eingebunden. Die grundsätzliche Verarbeitung erfolgt in der Datei 'DefaultAvatar.class.php'. Hier befindet sich der hardcodierte Aufruf:
    Code:
    return WCF::getPath().'images/avatars/avatar-default.svg';
    Desweiteren wird in diversen Templates (zB messageSidebar) dann so
    Code:
    <div class="userAvatar">
    {capture assign='__userAvatar'}{@$userProfile->getAvatar()->getImageTag(128)}{/capture}
    <a href="{link controller='User' object=$userProfile->getDecoratedObject()}{/link}" class="framed">{@'<img'|str_replace:'<img itemprop="photo"':$__userAvatar}</a>
    dieser HTML Code erzeugt:
    Code:
    <img src="http://test.pinballz.net/wcf/images/avatars/avatar-default.svg" style="width: 32px; height: 32px" alt="" class="userAvatarImage">
    Das Blöde an der Geschichte:
    Diesen 'avatar-default.svg' gibt es genau einmal und ich würde ihn gerne per CSS formatieren können (was ja mit .svg die in XML vorliegen problemlos möglich ist). Zudem kommt der obige <img...> Code auch nur zu Stande wenn der User keinen Avatar hochgeladen hat, ansonsten wird da auf seinen Avatar referenziert.

    Wie kann ich also dynamisch, fast egal wie (jquery, php, wasauchimmer) den obigen HTML Code abfangen und durch einen SVG XML Code ersetzen?
    Allerdings funktioniert der Spaß nicht in den Templates...

    Der SVG XML Code den ich gerne da stehen hätte:
    Code:
    <svg class="userstyle" viewBox="0 0 256 256" height="256" width="256" >
    <dc:format>image/svg+xml</dc:format>
    <g transform="translate(0,-796.36216)" id="layer1">
        <ellipse 
    		ry="40.372906"       
    		rx="38.278351"       
    		cy="861.95966"       
    		cx="45.097691"       
    		id="path3363"       
    		style="fill-rule:evenodd;stroke:none;" />
        <ellipse       
    		ry="20.401205"
            rx="19.036827"
            cy="1000.0436"       
    		cx="189.61382"       
    		id="path3365"       
    		style="fill-rule:evenodd;stroke:none;" />
        <path       
    		id="rect3367"       
    		d="M 19.61642,892.10519 71.359992,832.29538 203.837,986.43544 179.31814,1017.0393 Z"
            style="fill-rule:evenodd;stroke:none;" />    
        <ellipse       
    		ry="26.843689"       
    		rx="25.791828"       
    		cy="945.06769"       
    		cx="223.38884"       
    		id="path3370"       
    		style="fill-rule:evenodd;stroke:none;" />  
    </g>
    </svg>
    Hat da jemand eine zielführende Idee?
    Geändert von Sven (24.01.2016 um 22:55 Uhr)
    ciao
    Sven

  2. #2
    Stabsunteroffizier
    Avatar von Sven
    Registriert seit
    15.09.2001
    Ort
    Jüchen
    Alter
    49
    Beiträge
    848
    Nick
    xysvenxy
    Clans
    CnCBoa
    Hat sich erledigt. War wohl ein wenig auf den hardcoded Pfad zur Datei fixiert.

    Kurz darunter findet sich die eigentliche HTML Ausgabe in der sich der SVG XML Code ganz einfach unterbringen lässt...
    ciao
    Sven

+ Antworten

Ähnliche Themen

  1. Antworten: 115
    Letzter Beitrag: 13.05.2013, 21:56
  2. PC ersetzen durch LAPTOP
    Von WhereIsTheLove im Forum Kaufberatung
    Antworten: 7
    Letzter Beitrag: 07.11.2010, 18:44
  3. an unsere php gurus ^^
    Von Bohseronkel im Forum Technik Ecke
    Antworten: 8
    Letzter Beitrag: 21.01.2010, 15:58

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •