[Img-mini]{URL}[/Img-mini]
Verkleinert riesige Bilder auf eine gewünschte "kleine" Grüße wie z.B. 150 pxl breite
wenn man das Bild anklickt, zeigt es dann die Originalgröße an
ich finde das sehr gut, das es riesige Bilder in einem schönen kleinen optisch-lesbaren größe zeigt
Code: Alles auswählen
<script type="text/javascript">
<!--
var angezeigtebreite = 150;
var gespeichertebreite = 0;
function bildanpassen(bild)
{
if (bild.width > angezeigtebreite || gespeichertebreite > angezeigtebreite)
{
if (bild.width == angezeigtebreite)
{
bild.width = gespeichertebreite;
}
else
{
gespeichertebreite = bild.width;
bild.style.cursor = "pointer";
bild.width = angezeigtebreite;
}
}
}
//-->
</script>
<img onclick="bildanpassen(this)" onload="bildanpassen(this)" src="{URL}" title="Zum Vergrößern/Verkleinern anklicken" alt="{URL}" />
[spoiler]{TEXT}[/spoiler]
Versteckt riesige Texte oder Bilder hinter einen kleinen Button (spoiler)
beim anklicken des Buttons wird alles wieder angezeigt
manchmal echt gut um riesige Texte die man nur einmal lesen will - zu verstecken, weil man Thema immer wieder öffnet/liest
Code: Alles auswählen
<div style="text-align: center;">
<div class="spoiltitle">
<input class="spoilbtn" type="button" value="show spoiler" style="width:92px; font-size:10pt; color:#999999;" onclick="javascript:if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = 'hide'; this.value = 'hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = 'view'; this.value = 'show spoiler'; }" onfocus="this.blur();" />
</div>
<div class="spoildiv">
<div style="display: none;">
<br />{TEXT}</div></div></div>
PS: nebenbei wie funktionieren eure [schild]Schilde ?[/schild] und der allgemeine Video-Code ?