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 inpx an. Ihr könnt statt dessen jeden beliebigen Wert einsetzen.
