Code: Selecteer alles
##############################################################
## MOD Titel: Image Resize Mod
## MOD Autheur: Gert en Hieronymus - http://www.flabber.nl
## MOD Beschrijving door: !¿!Mats!¿! - http://members.lycos.nl/matsforum
## MOD Beschrijving: Deze mod verkleind plaatjes.
##
##
## Mod Versie: 1.0
##
## Installatie Level: Eenvoudig
## Installatie Tijd: 5 Minuten
## Bestanden te wijzigen: 2
## templates/***/bbcode.tpl
## templates/***/overall_header.tpl
##
## Meegeleverde bestanden: N/A
##############################################################
## Voordat Je Deze Mod Toevoegt Aan Jouw Forum, Back Up Alle Bestanden In Relatie Tot Deze MOD.
##############################################################
#
#-----[ OPEN ]------------------------------------------
#
templates/***/bbcode.tpl
#
#-----[ ZOEK ]------------------------------------------
#
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
#
#-----[ VERVANG MET ]------------------------------------------
#
<!-- BEGIN img --><img src="{URL}" border="0" onLoad="scaleImage(this);"/><!-- END img -->
#
#-----[ OPEN ]------------------------------------------
#
templates/***/overall_header.tpl
#
#-----[ ZOEK OP REGEL 81 ]------------------------------------------
#
</script>
#
#-----[ DAARNAA TOEVOEGEN ]------------------------------------------
#
<!-- resize images by Gert en Hieronymus. http://gathering.tweakers.net/forum/list_messages/826648///Images,resizen,javascript -->
<style type="text/css">
img[onload] {
max-width: 580px;
}
img.resized {
border: 2px dashed red;
cursor: pointer;
cursor: hand;
}
</style>
<script type="text/javascript">
var maxWidth = 580;
function scaleImage(im) {
if (typeof im.naturalWidth == 'undefined') im.naturalWidth = im.width;
if (im.naturalWidth > maxWidth) {
im.width = maxWidth;
im.style.maxWidth = im.naturalWidth + 'px';
im.className = 'resized';
im.title = 'Klik voor originele grootte';
im.onclick = unscaleImage;
}
}
function unscaleImage() {
if (this.width == maxWidth) {
this.width = this.naturalWidth;
this.style.borderWidth = '0px';
this.title = 'Klik om te verkleinen';
} else {
this.width = maxWidth;
this.style.borderWidth = '2px';
this.title = 'Klik voor originele grootte';
}
}
</script>
#
#-----[ SLA OP/SLUIT ALLE BESTANDEN ]------------------------------------------
#
#
