Resizowanie dużych obrazków
: 14 grudnia 2010, 12:16
Bardzo prosta modyfikacja pozwalająca na pomniejszanie obrazków, co zapobiega rozjeżdżaniu się layoutów.
Demo można zobaczyć tutaj.
Otwieramy plik styles/NAZWA_STYLU/template/viewtopic_body.html
znajdź:
następnie dodaj:
Modyfikacja nie jest mojego autorstwa.
Demo można zobaczyć tutaj.
Otwieramy plik styles/NAZWA_STYLU/template/viewtopic_body.html
znajdź:
Kod: Zaznacz cały
<!-- INCLUDE overall_header.html -->Kod: Zaznacz cały
<script>
onload_functions.push('resizeimg();');
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document.getElementsByTagName('img').length; i++)
{
im = document.getElementsByTagName('img')[i];
if (im.width > 600)
{
im.style.width = '425px';
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + "','phpbbegypt ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'Kliknij aby powiększyć';
}
}
}
}
</script>