Admin
Administrator
schrieb am:
05.09.2008, 21:01 Uhr
Beiträge: 190
Registriert seit: Nov 2005
|
ImageResizer mit JavaScript
Beim Aufruf der Seite wird zuerst das Originalbild (in diesem Beispiel 700x557px) geladen und dieses sofort danach auf proportional 320px (Wert einstellbar) verkleinert.
Erst bei einem Klick auf das Bild vergrößert es sich wieder ... und umgekehrt.
Einbauanleitung für MyBB 1.4.x:
Im Template "Templates ohne Gruppe --> headerinclude" am Ende folgenden Code hinzufügen:
Code:
<script type="text/javascript">
<!--
var AngezeigteBreite = 320;
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>
In der 3. Zeile (var AngezeigteBreite = 320;) die Breite in px eingeben, mit der die Bilder verkleinert dargestellt werden sollen.
Ersetze dann in der Datei "inc/class_parser.php" (~Zeile 909)
PHP-Code:
return "<img src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} />";
durch
PHP-Code:
return "<img onclick=\"BildAnpassen(this)\" onload=\"BildAnpassen(this)\" src=\"{$url}\" border=\"0\" alt=\"{$alt}\"{$css_align} />";
Als Alternative zu dieser Vorgehensweise, bietet sich - unter anderem - auch dieses Plugin an: http://www.mybbcoder.info/thema-3278.html
Bitte beachten: Dies alles funktioniert nur problemlos, wenn die Original-Bilder breiter als der eingestellte Wert sind! Kleinere Original-Bilder werden automatisch bis zu dem eingestelllten Wert vergrößert; die Funktion ist dann leider nicht mehr gewährleistet. Siehe dazu auch Beitrag 9 hier im Thread ...
Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.
(Zuletzt bearbeitet: 23.02.2011, 11:20 Uhr von Admin — Grund: Hinweis auf kleinere Bilder hinzugefügt)
|
|
|
|
Admin
Administrator
schrieb am:
22.01.2009, 12:50 Uhr
Beiträge: 190
Registriert seit: Nov 2005
|
RE: ImageResizer mit JavaScript
Hi Jockl,
schön, dass es dich auch mal hierher verschlagen hat; auch wenn du mich damit gerade in meiner "geheiligten" Urlaubszeit erwischt hast
Tja, was soll man einem alten MyBB-Kenner wie dir, nun für Tipps geben ... dass es grundsätzlich funktioniert, siehst du ja hier am obigen Beispiel-Bild.
Hast du evtl. im Header oder sonstwo auf der Seite, zusätzliche JavaScript-Funktionen eingebaut, die stören könnten? Speziell ... wenn bereits irgendwo ein "onload-Befehl" vorhanden ist, wird das so dann leider nicht funktionieren.
Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.
|
|
|
|
Admin
Administrator
schrieb am:
18.01.2010, 18:15 Uhr
Beiträge: 190
Registriert seit: Nov 2005
|
RE: ImageResizer mit JavaScript
Hi Magent,
danke erst mal für den Post; habe erst dadurch gemerkt, dass ich beim letzten Update hier die Änderung an der "class_parser.php" vergessen habe.
Als Plugin werde ich es nicht veröffentlichen, da ich pers. Plugins hasse, die Änderungen an Foren-Dateien vornehmen und aus Erfahrung weiß, dass viele andere auch so denken ... und allzuviel Aufwand ist es ja nicht, das einzubauen
Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.
|
|
|
|