Image Resize Script
Geplaatst: 13 aug 2004, 11:00
Hallo
ik heb alweer een vraag
ik heb een Image Resize script gekregen van flabber alleen als ik het installeer gaan mijn logo's weg en komen er allemaal groten zwarte letters op mijn site kan dit te maken hebben met mijn template want die is volgens mij al aangepast in de overal_headet.tpl. ik hoop dat jullie kunnen helpen
Originelen:
wat er veranderd moet worden:
>Dit< is mijn site
Mats
ik heb alweer een vraag
ik heb een Image Resize script gekregen van flabber alleen als ik het installeer gaan mijn logo's weg en komen er allemaal groten zwarte letters op mijn site kan dit te maken hebben met mijn template want die is volgens mij al aangepast in de overal_headet.tpl. ik hoop dat jullie kunnen helpen
Originelen:
Code: Selecteer alles
</script>
<!-- END switch_enable_pm_popup -->
<script language="JavaScript">
!--
unction MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
unction MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
unction MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
//-->
/script>
</head>
Code: Selecteer alles
<!-- 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>
Mats