5202

ein Blog über technische Fragen zu Blogger

Profilfoto beliebig vergrößern

von
Eine Leserin möchte ihr Profilfoto im Profil-Gadget ("Über mich") vergrößern. Ich verwende das Gadget nicht, aber das Profilfoto ist tatsächlich a bisserl klein und vielleicht interessiert die Lösung auch noch andere Leser, deshalb dieser Post. Vorneweg, das ist keine triviale Sache, weil in dem Profil-Foto eine style Anweisung geschrieben ist, durch die ihr die Größe des Profilfotos nicht einfach durch CSS ändern könnt. Ihr braucht dazu Javascript, einen anderen Weg gibt es nicht. Bei abgeschaltetem Javascript wird trotzdem ein Profilfoto in 'normaler' Größe angezeigt, das Javascript ist also 'unaufdringlich'.

Test-Blog

Bitte probiert das zunächst in einem Test-Blog aus. Erst wenn ihr sicher seid, das es funktioniert und das ihr das auch wollt, könnt ihr das in den Haupt-Blog übernehmen.

jQuery

Ich benütze für den Hack das jQuery-Framework. Wie das in eurem Blog funktioniert, habe ich hier beschrieben.

Der Hack

Das eigentliche Script kommt in ein HTML/Java Gadget und dieses Gadget wird möglichst tief im Blog platziert. In das Gadget legt ihr dieses Script:
<script type='text/javascript'>
$(document).ready(function() {
 var dimension = 150;//Hier Größe des Bildes eintragen
 $('#Profile1').find('img').each(function(n, image){
  var image = $(image);
  image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s'  +  dimension)});
  image.attr('width',dimension);
  image.attr('height',dimension);
 });
});
</script>
Speichern -> Fertig :=).
Anpassen
Der Wert "150" gibt die Größe eures Profilbildes in px an. Ihr könnt statt dessen jeden beliebigen Wert einsetzen.

Anmerkungen

Wenn was fehlt oder was nicht klappt, lasst es mich wissen.