Samstag, 25. November 2017 :: Uhr
EU e-Privacy Directive
Diese Website verwendet Cookies für die Benutzerkennung, Navigation und andere Funktionen. Cookies sind kleine Textdateien, die auf deinem Computer gespeichert werden. Die Cookies, die von dieser Website erstellt werden, können nur von dieser benutzt werden und stellen kein Sicherheitsrisiko dar. Bitte bestätige, ob du der Speicherung von Cookies zustimmst oder dies ablehnst.

Um zu verhindern, dass dir diese Frage erneut gestellt wird, wird - unabhängig von deiner Entscheidung - ein Cookie in deinem Browser gespeichert. Deine generelle Entscheidung kannst du jederzeit widerrufen bzw. ändern; den Link dazu findest du im Footer am Seitenende.

Zeige EU e-Privacy Directive
Benutzername:      Passwort:     
Guten Morgen, Gast  —  Registrieren :: Passwort vergessen?




ImageResizer mit JavaScript
Verfasser Nachricht
Admin Abwesend
Administrator

schrieb am:
05.09.2008, 21:01 Uhr



Beiträge: 188
Registriert seit: Nov 2005
Beitrag: #1
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 AdminGrund: Hinweis auf kleinere Bilder hinzugefügt)

Eine E-Mail an den Benutzer senden Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden  
Gast
Gast

schrieb am:
21.01.2009, 23:45 Uhr



Gast-Avatar
Beitrag: #2
RE: ImageResizer mit JavaScript

Hallo en-gedi,

nach ca. 2 Stunden habe ich leider erfolglos aufgegeben, Deinen Code erfolgreich einzusetzen. Das Bild wird einfach nicht verkleinert dargestellt. Im Quelltext meiner Seite werden auch die onclick und onload-Befehle gar nicht angezeigt.

Hast Du evtl. einen Tipp wo der Fehler begraben sein könnte? Ich nutze die Version 1.4.4

Danke und viele Grüße
Jockl
 
Admin Abwesend
Administrator

schrieb am:
22.01.2009, 12:50 Uhr



Beiträge: 188
Registriert seit: Nov 2005
Beitrag: #3
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 Wink

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.

Eine E-Mail an den Benutzer senden Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden  
Gast
Gast

schrieb am:
23.01.2009, 16:23 Uhr



Gast-Avatar
Beitrag: #4
RE: ImageResizer mit JavaScript

und ich habe mich schon gewundert, warum Du überall auf "abwesend" gesetzt bist. Smile

Vielen Dank für Deine Antwort, trotz Urlaubsstreß! Big Grin

Ich habe den Fehler gefunden. Leider scheint der Mod nur für Bilder zu funktionieren, die mit dem img-Tag eingebunden werden. Normale Attachments ( via [attachment...] ) sind davon nämlich ausgenommen. Schade. Sad

So gut, wie mir MyBB gefällt.....wie das mit den Bildern gelöst ist, gefällt mir immer weniger. Vor allen Dingen, weil es für die User so ungewohnt ist und sie sich anscheinend nicht daran gewöhnen können, wenn sie auch noch in anderen Foren unterwegs sind.
 
Gast
Gast

schrieb am:
18.01.2010, 17:50 Uhr



Gast-Avatar
Beitrag: #5
RE: ImageResizer mit JavaScript

Hi, ich danke dir. Die Erweiterung funktioniert bestens. Aber wieso veröffentlichst du es nicht als Plugin?

MfG
Magent
 
Admin Abwesend
Administrator

schrieb am:
18.01.2010, 18:15 Uhr



Beiträge: 188
Registriert seit: Nov 2005
Beitrag: #6
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 Wink


Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.

Eine E-Mail an den Benutzer senden Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden  
Gast
Gast

schrieb am:
29.04.2010, 22:19 Uhr



Gast-Avatar
Beitrag: #7
RE: ImageResizer mit JavaScript

Hallo,
Kann man ebenfalls in dem Code die Höhe des Signaturbildes angeben ? Oder wird das automatisch angeglichen ?
 
Admin Abwesend
Administrator

schrieb am:
02.05.2010, 08:59 Uhr



Beiträge: 188
Registriert seit: Nov 2005
Beitrag: #8
RE: ImageResizer mit JavaScript

Dazu müsste der Code umgeschrieben werden. Momentan ist es so, dass die Höhe automatisch - anhand der Breite - angepasst wird.


Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.

Eine E-Mail an den Benutzer senden Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden  
Gast
Gast

schrieb am:
16.02.2011, 18:24 Uhr



Gast-Avatar
Beitrag: #9
RE: ImageResizer mit JavaScript

Hallo

Ich habe den Code ja einige Zeit im Gebrauch gehabt, leider ists so wenn kleinere Bilder als die angegebe Größe verlinkt werde, diese dann vergrößert werden.

Also wenn ich ein Limit von 800x600 eingebe, dann wird ein Bild das kleiner ist, wieder vergrößert.

Ich habe mir dann ein Plugin von MyBBCoder geholt und jetzt funktionierts klaglos.
Trotzdem danke fürs zu Verfügung stellen.

Gruß
Walter (Plexxart)
 
Admin Abwesend
Administrator

schrieb am:
23.02.2011, 11:10 Uhr



Beiträge: 188
Registriert seit: Nov 2005
Beitrag: #10
RE: ImageResizer mit JavaScript

Danke für den Hinweis; ist mir noch gar nicht aufgefallen!

Ein Grund mehr, die Plugin-Lösung zu verwenden.


Geh´ nicht nur glatte Straßen, geh´ Wege, die noch niemand ging; damit Du Spuren hinterlässt, und nicht nur Staub.

Eine E-Mail an den Benutzer senden Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden  





RSS-Feed Home  ::  Portal  ::  Kontakt  ::  Impressum  ::  Credits  ::  Datenschutz  ::  Archiv-Modus  ::  Zum Inhalt  ::  Nach oben