Anmelden
Donnerstag, 28. Februar 2008, 23:22
Bilder verkleinern mit ncode imageresizer
So hier nun wie versprochen die Anleitung wie man den ncode imageresizer ins PHPKIT integriert.
Sollte mit den Versionen 1.6.03 und 1.6.1 funktionieren.
1. Lade dir den Imageresizer hier runter.
2. Öffne die Datei "ncode_imageresizer.js" mit einem Texteditor und suche:
Hier kann der Pfad der kleinen Infografik im Balken über den verkleinerten Bildern angegeben werden.
Suche:
und ersetze es mit:
Suche:
und ersetze es mit:
3. Erstelle einen neuen Ordner "imageresizer" auf deinem Webspace, dort wo auch die Include.php liegt und lade nun die geänderte "ncode_imageresizer.js" in diesen Ordner hoch.
4. Öffne das Template site.htm und füge folgenden Code direkt über dem </HEAD> ein:
Der CSS Part kann noch an die eigene Seite angepasst werden. Wichtig sind die Angaben "MAXWIDTH" und"MAXHEIGHT", mit denen die Größe der Bilder eingestellt werden.
Die Einstellung "MODE" bestimmt, wie die Bilder vergrößert werden.
enlarge = Vergrößert sofort
samewindow = öffnet das Bild im selben Fenster
newwindow = öffnet das Bild in einem neuen Fenster
5. Als letztes öffne die Datei "admin/lib/lib_parse.php" und suche:
Füge direkt darunter folgendes ein:
Nun müssten alle Bilder auf deiner Seite entsprechend verkleinert werden...
In diesem Sinne...
Riddler
Sollte mit den Versionen 1.6.03 und 1.6.1 funktionieren.
1. Lade dir den Imageresizer hier runter.
2. Öffne die Datei "ncode_imageresizer.js" mit einem Texteditor und suche:
|
Quellcode |
1 |
mimg.src = NcodeImageResizer.BBURL+'/images/statusicon/wol_error.gif'; |
Hier kann der Pfad der kleinen Infografik im Balken über den verkleinerten Bildern angegeben werden.
Suche:
|
|
Quellcode |
1 2 3 4 5 6 7 |
if(this.img.width < 450) {
this.setText(vbphrase['ncode_imageresizer_warning_small']);
} else if(this.img.fileSize && this.img.fileSize > 0) {
this.setText(vbphrase['ncode_imageresizer_warning_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight).replace('%3$s', Math.round(this.img.fileSize/1024)));
} else {
this.setText(vbphrase['ncode_imageresizer_warning_no_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight));
}
|
und ersetze es mit:
|
|
Quellcode |
1 2 3 4 5 6 7 |
if(this.img.width < 450) {
this.setText(ncode_imageresizer_warning_small);
} else if(this.img.fileSize && this.img.fileSize > 0) {
this.setText(ncode_imageresizer_warning_filesize.replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight).replace('%3$s', Math.round(this.img.fileSize/1024)));
} else {
this.setText(ncode_imageresizer_warning_no_filesize.replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight));
}
|
Suche:
|
|
Quellcode |
1 2 3 4 5 |
if(this.warning != null) {
this.setText(vbphrase['ncode_imageresizer_warning_fullsize']);
this.warning.width = this.img.width;
this.warning.onclick = function() { return this.resize.scale() };
}
|
und ersetze es mit:
|
|
Quellcode |
1 2 3 4 5 |
if(this.warning != null) {
this.setText(ncode_imageresizer_warning_fullsize);
this.warning.width = this.img.width;
this.warning.onclick = function() { return this.resize.scale() };
}
|
3. Erstelle einen neuen Ordner "imageresizer" auf deinem Webspace, dort wo auch die Include.php liegt und lade nun die geänderte "ncode_imageresizer.js" in diesen Ordner hoch.
4. Öffne das Template site.htm und füge folgenden Code direkt über dem </HEAD> ein:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<!--
nCode Image Resizer
(c) nCode
http://www.ncode.nl/vbulletinplugins/
-->
<script type="text/javascript" src="$config[site_url]/imageresizer/ncode_imageresizer.js?v=1.0.1"></script>
<style type="text/css">
<!--
table.ncode_imageresizer_warning {
background: #555555;
color: #000000;
border: 1px solid #666666;
cursor: pointer;
}
table.ncode_imageresizer_warning td {
font-size: 10px;
vertical-align: middle;
text-decoration: none;
}
table.ncode_imageresizer_warning td.td1 {
padding: 5px;
}
table.ncode_imageresizer_warning td.td1 {
padding: 2px;
}
-->
</style>
<script type="text/javascript">
<!--
NcodeImageResizer.MODE = 'enlarge';
NcodeImageResizer.MAXWIDTH = 550;
NcodeImageResizer.MAXHEIGHT = 800;
NcodeImageResizer.BBURL = '$config[site_url]';
ncode_imageresizer_warning_small = 'Klicke auf diesen Balken um es zu vergrössern.';
ncode_imageresizer_warning_filesize = 'Dieses Bild wurde verkleinert. Klicke auf diesen Balken um es zu vergrössern.';
ncode_imageresizer_warning_no_filesize = 'Dieses Bild wurde verkleinert. Klicke auf diesen Balken um es zu vergrössern.';
ncode_imageresizer_warning_fullsize = 'Klicke auf diesen Balken um es wieder zu verkleinern';
//-->
</script>
|
Der CSS Part kann noch an die eigene Seite angepasst werden. Wichtig sind die Angaben "MAXWIDTH" und"MAXHEIGHT", mit denen die Größe der Bilder eingestellt werden.
Die Einstellung "MODE" bestimmt, wie die Bilder vergrößert werden.
enlarge = Vergrößert sofort
samewindow = öffnet das Bild im selben Fenster
newwindow = öffnet das Bild in einem neuen Fenster
5. Als letztes öffne die Datei "admin/lib/lib_parse.php" und suche:
|
|
PHP-Quelltext |
1 |
if ($html==1) $text=str_replace('"','"',$text);
|
Füge direkt darunter folgendes ein:
|
|
PHP-Quelltext |
1 |
$text=eregi_replace('<img', '<img onload="NcodeImageResizer.createOn(this);"', $text); //imageresizer
|
Nun müssten alle Bilder auf deiner Seite entsprechend verkleinert werden...
In diesem Sinne...
Riddler
Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »Riddler« (22. August 2008, 20:39)
Ähnliche Themen
-
alte Versionen [1.6.03|1.6.1|1.6.4] »-
Avatar beim Upload automatisch verkleinern
(6. Januar 2008, 06:58)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
"guestbook/viewgb.php" nicht mehr zu erreichen
(12. Januar 2008, 13:53)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Bilder verkleinern
(21. Februar 2008, 17:41)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
riesige Bilder automatisch verkleinern lassen im Forum?
(13. Februar 2008, 22:54)
