resize javascript? en waar plaatsen?

van Cathje ma 24 maa 2008 - 2:07

OK, paar dingetjes gevonden via internet, want ik zoek een automatisch resize script voor ons forum...
mijn vragen zijn blauw

Werkwijze
1) kopiëer de javascript-code (zie onder) en noem het image_resize.js. hoe kan ik een nieuwe template aanmaken of is dit HTML pagina??
2) Pas 'basehref = "http://www.whosonline.be";' aan naar 'basehref="http://www.jouwdomein.tld";' (heb ik in code al gedaan)
3) kopiëer 'image_resize.js' naar de map waarin je forum staat (dus de map van phpbb waar index.php enzo instaan) is dit "Algemeen" ?
4) Ga naar de map van je huidige template in de map waarin je forum staat algemeen?
5) kopiëer "header.tpl" naar je desktop (of iets anders) dit kan dus niet maar met "modify" moet het ook lukken? ps. welk bestand is dit in de templates?
6) Open het bestand en plaats net boven

Code:: </head>

het volgende

Code:: <script type="text/javascript" src="image_resize.js'></script>

7) kopiëer nu het 'header.tpl' bestand van je desktop terug naar de map van je huidige template (als je ftp programma vraagt of hij het bestand mag overschrijven, klik dan ja)
8 ) kopiëer het bestand "footer.tpl" naar je desktop zelfde vragen als bij header
9) Open het bestand en plaats net boven

Code:: </body>

het volgende

Code:: <script type="text/javascript">search_images();</script>

10) kopiëer nu het 'footer.tpl' bestand van je desktop terug naar de map van je huidige template (als je ftp programma vraagt of hij het bestand mag overschrijven, klik dan ja)

Code:: // Base HREF var basehref = "http://malawicichliden.great-forum.com"; // Small Images array var verkleinde_afbeeldingen = new Array(); // Max size of image var maxSize = 550; // define function for big picture function WareGrootte(e) { if (window.event) { e = window.event; } var oSource = e.srcElement ? e.srcElement.src : e.target.src; tempvar = verkleinde_afbeeldingen[oSource]; ViewLarge = window.open("", "_grootPlaatje","toolbar=no,location=no,menubar=no,scrollbars=yes,s tatus=no,resizable=yes,left=0,top=0" + tempvar); ViewLarge.document.writeln("<html><head><title>Who's online: normaal plaatje</title>"); ViewLarge.document.writeln("</head><body bgcolor=\"#ababab\" topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\">"); ViewLarge.document.writeln("<img src=\"" + oSource + "\" onclick=\"window.close()\" title=\"Klik om venster te sluiten.\" onmouseover=\"this.style.cursor='hand'\">"); ViewLarge.document.writeln("</body></html>"); ViewLarge.document.close(); } // Define function for resizing function verklein(afbeelding) { if (window.event) { e = window.event; } if (typeof afbeelding != 'object') { var afbeelding = e.srcElement ? e.srcElement : e.target; } var width = afbeelding.width; var height = afbeelding.height; var url = afbeelding.src; if (width > maxSize) { // verkleinde_afbeeldingen[url] = ",width=" + width + ",height=" + height; verkleinde_afbeeldingen[url] = ",width=800,height=600"; afbeelding.width = maxSize; afbeelding.title = "Klik voor ware grootte."; afbeelding.style.border = "1px dashed #333333"; afbeelding.onclick = WareGrootte; afbeelding.height = Math.floor(height/(width/maxSize)); afbeelding.style.cursor = "hand"; } } // ddefine function for searching images function search_images() { aantal = document.images.length; i = 0; while (aantal > i) { imgurl = document.images[i].src; if (!imgurl.match(basehref)) { if (document.images[i].complete) { verklein(document.images[i]); } else { document.images[i].onload = verklein; } } i++; } }

En dan onderaan iedere pagina van topic dit: dit snap ik dus niet, welke pagina, welk topic?

Code:: <script type="text/javascript"> search_images(); </script>

Heb de code's en het script dus gevonden, maar ik heb geen flauw idee waar ik dit moet plaatsen. kan iemand mij dit uitleggen?
alvast bedankt!

van Cathje zo 30 maa 2008 - 9:51

weekje later... anyone?

van bLACKADDER zo 30 maa 2008 - 14:32

Om dit script te kunnen implementeren heb je FTP-toegang nodig tot de server. Dit heb je bij geen enkele gratis forumaanbieder, ook niet bij Actieforum. Bij een gratis forumdienst maken namelijk meerdere mensen gebruik van dezelfde bestanden. Als daarin iets wordt aangepast, geldt dit voor alle gebruikers op de server.
Als je echt een aan je eigen wensen aangepast forum wilt kun je het beste ergens goedkope webruimte (met PHP en MySQL) regelen en daar phpBB op installeren. De kosten vallen erg mee, phpBB is gratis en webhosting hoeft maar rond de twee euro per maand te kosten. Wink

van Frostbite zo 30 maa 2008 - 15:39

krijg je wel nog zaken bij als de hoeveelheid dataverkeer per maand, en subdomein in plaats van een echt domein.

En wil je die ook goed hebben dan kost het al heel wat meer dan 2 euro per maand. Gratis webspace hosts hebben er veel limieten, dus betaalt webhosting is de enige oplossing. (Goed webhosting paket kost ongeveer tussen 10 en 20 euro per maand, afhankelijk van hoeveel ruimte je op de server wil en hoeveel dataverkeer je per maand wil kunnen hebben.)

Domeinregistratie is daarentegen wel heel goedkoop, en komt vaak al gratis bij webhosting pakketten.

van bLACKADDER zo 30 maa 2008 - 16:01

- http://www.one.com
- http://www.pcextreme.nl/producten::webhosting::dynamic

van Cathje zo 30 maa 2008 - 16:08

ik heb al een server met heel veel ruimte en onbeperkt dataverkeer maar had gehoopt dat ik mijn forum kon verhuizen. (die vraag had ik ook al eerder gesteld) zou het lastig vinden om alle gebruikers opnieuw te laten registreren en alle topics opnieuw te moeten plaatsen... maar goed, dit kan dus niet, daarom probeer ik het wat op te leuken Wink

probeerde... Crying or Very sad

MAAR
is het ook mogelijk dat dit script door een van de technische dienst toegevoegd wordt?
ik denk dat iedereen er wel baat bij heeft.

cat

van Frostbite zo 30 maa 2008 - 16:23

maar wat doet je javascript dan precies.

van Cathje do 3 apr 2008 - 18:56

uhm, het zorgt er voor dat plaatjes die toegevoegd worden (gelinkt vanaf een andere site) automatisch verkleind worden naar maximale breedte van 550 pixels:

Code:: // Max size of image var maxSize = 550

zodat, als iemand linkt naar een enorm groot plaatje wat ongeveer 3x zo breed is als je forum of schermresolutie, je geen scroll balkje krijgt onderin je beeld, maar een verkleining van de geuploade foto (max 550 pixels breed) welke aanklikbaar is en waar dan boven staat "deze foto is verkleind, klik hier voor het originele formaat" of iets wat daar op lijkt.

van Cathje di 15 apr 2008 - 22:49

Nog maar een keer:

Cathje schreef:
MAAR
is het ook mogelijk dat dit script door een van de technische dienst toegevoegd wordt?
ik denk dat iedereen er wel baat bij heeft.