Archiv verlassen und diese Seite im Standarddesign anzeigen : [Tip] Automatische Bilderverkleinerungen bei zu großen Bildern
mr.gamesbay
30.09.2004, 08:28
*Update 02.08.05*
Was ist Neu:
- Anleitung um nun Bilder auch NEWTHREAD und NEWREPLY Template zu verkleinern.
- Mini FAQ hinzugefügt.
Mit diesem kleinen Hack, könnt ihr dafür sorgen, das Bilder im einem Thread ( tag ) Automatisch verkleinert werden. Nachdem die Seite (showthread) fertig geladen worden ist, werden die Bilder verkleinert.
Hier eine Demo: Demo auf meiner Seite (http://www.gamesbay.de/showthread.php?t=128)
Welche Vorteile hat diese Version:
- Schnell
- Kein Fehler bei Benutzung des WYSIWYG Editor
- Funzt auch mit der Beitragscache
- Keine Files müssen verändert werden, Änderungen muss man nur an den Templates machen
Anleitung:
Styles & Templates > Styles verwalten > CSS Einsellungen > Zusätzliche CSS-Definitionen
Diesen Teil ganz unten hinzufügen:
CSS
.imglimit {
cursor: pointer;
border: dotted 1px black;
}
----------
Styles & Templates > Styles verwalten > Global Templates > headinclude
Suche nach:
<script type="text/javascript">
<!--
var SESSIONURL = "$session[sessionurl]";
var IMGDIR_MISC = "$stylevar[imgdir_misc]";
// -->
</script>
Disen Teil drunter einfügen:
<script type="text/javascript" src="clientscript/resizeall.js"></script>
----------
Styles & Templates > Suche nach dem SHOWTHREAD Template
Suche nach:
<body onload="$onload">
Ersetze mit:
<body onload="$onload; fiImageResize()">
----------
Styles & Templates > Suche nach dem NEWREPLY Template
Suche nach:
<body onload="$onload">
je nach vB Version, kann die Zeile auch so ausschauen:
<body$onload>
Ersetze mit:
<body onload="editInit();fiImageResize();">
----------
Styles & Templates > Suche nach dem NEWTHREAD Template
Suche nach:
<body onload="$onload">
je nach vB Version, kann die Zeile auch so ausschauen:
<body$onload>
Ersetze mit:
<body onload="editInit();fiImageResize();">
----------
Mini FAQ:
Frage: Es werden leider Hintergründe und Logos meines Forum mitverkleinert?
Antwort: Du musst die betroffene Grafik/Hintergrund einem ID (id="forumlogo") zuordnen. Im Fall des Logos geht es so:
Globale Templates -> Header:
Finde:
<img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />
Ersetze:
<img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" id="forumlogo"/>
Danach sollte das Logo nicht mehr verkleinert werden.
Frage: Für welche vB Version ist dieser Hack.
Antwort: Für alle vB 3.0.x Versionen. Ich benutze ihn derzeit für die 3.0.7
Dann noch diese Datei [I]resizeall.js in den Ordner clientscript Kopieren:
Thats it! :) In der Datei resizeall.js, könnt ihr eure gewünschte Größe für die Bilderverkleinerung einstellen
Hier eine Demo: Demo auf meiner Seite (http://www.gamesbay.de/showthread.php?t=128)
Erster :)
werden auch zukleine Bilder gestreckt ?
Oder passiert das erst sobald ein Bild eine bestimmte Größer überschritten hat?
wenn dieser erst ab einer mindest größe einschreitet werde ich diesen auf jedenfall mal einbauen.
Danke
Gruß
mr.gamesbay
30.09.2004, 09:43
Erster :)
werden auch zukleine Bilder gestreckt ?
Nein :)
Oder passiert das erst sobald ein Bild eine bestimmte Größer überschritten hat?
Genau! :)
man bist du wortkar :rolleyes: :p
Ok Danke, dann bau ich denn mal eben fix ein, hoffe ich hab die zeit jetzt noch eben zu.
Besten Dank Gruß Andy
mr.gamesbay
30.09.2004, 09:53
Ok Danke, dann bau ich denn mal eben fix ein, hoffe ich hab die zeit jetzt noch eben zu.
Geht ja recht schnell :)
Die größer um die Bilder zu verkleinern, kannst in der js Datei ändern.
Zur Zeit werden alle Bilder verkleinert, die größer als 500 Pixel sind.
Vorsicht :
Bei einer nicht Standard Grafik haben alle Grafiken einen Border !!!
Also auch die im Header usw.
Das
.imglimit {
cursor: pointer;
border: dotted 1px black;
}
gegen das austauschen
.imglimit {
cursor: pointer;
border: none;
}
Gruß Andy
[EDIT noch was]
Nocvh etwas
die Bilder werden zwar verkleinert, benötigen dennoch den Platz.
Lohnt also nicht da Taabellen trotzdem zerrissen werden.
Hier ein beispiel
www.djtutorials.de/showthread.php?t=713 (http://www.djtutorials.de/showthread.php?t=713)
mr.gamesbay
30.09.2004, 10:03
[EDIT noch was]
Nocvh etwas
die Bilder werden zwar verkleinert, benötigen dennoch den Platz.
Lohnt also nicht da Taabellen trotzdem zerrissen werden.
Hier ein beispiel
www.djtutorials.de/showthread.php?t=713 (http://www.djtutorials.de/showthread.php?t=713)
Funzt doch ?! :)
Kurtze Frage.
Ich habe hier 2 rechner.
auf einem Funktioniert das wunderbar und es wird verkleinert und nix zerreißt.
auf dem anderen werden bilder Verkleinert jedoch die Tabelle bleibt so groß und geht Über den Browser rand hinaus.
Beide rechner sind von ausstattung gleich jedoch wird der eine als server miss-schandelt.
Worann kann das liegen ?
Gruß
mr.gamesbay
30.09.2004, 10:05
Kurtze Frage.
Ich habe hier 2 rechner.
auf einem Funktioniert das wunderbar und es wird verkleinert und nix zerreißt.
auf dem anderen werden bilder Verkleinert jedoch die Tabelle bleibt so groß und geht Über den Browser rand hinaus.
Beide rechner sind von ausstattung gleich jedoch word der eine als server miss-schandelt.
Worann kann das liegen ?
Gruß
Könnt es vielleicht an den Styles liegen?
Hast du 2 verschiedene?
nein am style liegt es nicht.
ich habe zwar 2 jedoch auf beiden schau ich es mir mit ein und dem selben an.
Rechter rechner Heller style. --- alles OK
Linker rechner Dunkler style. --- Tabelle zerrisen und auch header Grafiken bewirken auf Knopfdruck ein popup. deenoch grafik Verkleinert.
mr.gamesbay
30.09.2004, 10:15
nein am style liegt es nicht.
ich habe zwar 2 jedoch auf beiden schau ich es mir mit ein und dem selben an.
Rechter rechner Heller style. --- alles OK
Linker rechner Dunkler style. --- Tabelle zerrisen und auch header Grafiken bewirken auf Knopfdruck ein popup. deenoch grafik Verkleinert.
Dies war auch schon seltsam:
Bei einer nicht Standard Grafik haben alle Grafiken einen Border !!!
Also auch die im Header usw.
Kommt bei mir nicht vor.
Du hast sicher, diesen Teil:
<body onload="$onload; fiImageResize()">
im SHOWTHREAT Temp. geändert?
Der verursacht nämlich die verkleinerung.
Nur die bilder im SHOWTHREAT Temp werden verkleinert.
ich hab alles so gemacht wie oben beschrieben ....
das ist aber nur bei einem style auf einem rechner ...
auf dem einen rechner läuft es bei beiden styles einwand frei auf dem anderen muckt der nur bei dem hellen rum, bei dem dunklen style funktioniert es.
ich bezweifel stark das es am hack liegt.
das Problem muss also woanders zu suchen sein, werde es aber vprerst mal so lassen, vieleicht merkt das keiner und/oder ist nur bei mir so.
Oder aber es beschwert sich jemand und dann weiss ich evtl woran es liegt.
ma schauen.
Danke jedenfals, dieser hack is echt gut um mal die Mega Bilder aus einem thread zu entfernen.
Gruß Andy
Shaochun
04.11.2004, 21:34
Bei mir klappts leider ebenfalls net. Die Bilder werden trotzdem in der normalen Größe angezeigt. Was muss man denn in der Datei genau ändern ? Habe es mal so eingestellt:
var imgResizeMsg = 'Bild wird verkleinert dargestellt. Klicken für Originalgröße!';
var imgWidthMax = 400;
var imgWidthSizeTo = 250;
var imgClassName = 'imglimit';
//window.onload = fiImageResize;
Soll im Thread dann ein Text erscheinen, wenn zu große Bilder da sind, oder ein Rahmen ?
mr.gamesbay
04.11.2004, 21:44
Bei mir klappts leider ebenfalls net. Die Bilder werden trotzdem in der normalen Größe angezeigt. Was muss man denn in der Datei genau ändern ? Habe es mal so eingestellt:
var imgResizeMsg = 'Bild wird verkleinert dargestellt. Klicken für Originalgröße!';
var imgWidthMax = 400;
var imgWidthSizeTo = 250;
var imgClassName = 'imglimit';
//window.onload = fiImageResize;
Soll im Thread dann ein Text erscheinen, wenn zu große Bilder da sind, oder ein Rahmen ?
Diesen Teil kannst du ändern:
var imgWidthMax = 400;
var imgWidthSizeTo = 250;
Dieser bedeutet: Alle Bilder die größer als 400 Pixel breit sind, werden auf 250 Pixel verkleinert.
Und die verkleinerten Bilder, werden mit einem Rahmen angezeigt (siehe Link oben im ersten Beitrag - Seite aber fertig laden lassen)
Shaochun
04.11.2004, 21:59
ja,habe ich gemacht, funzt trotzdem net !
Welche Bilder werden denn verkleinert ? Die per URL oder auch Anlagen ?
mr.gamesbay
04.11.2004, 22:32
Die per URL oder auch Anlagen ?
Die Bilder im IMG Tag (aber auch alle anderen Bilder im SHOWTHREAD Temp. - Sig usw.), die Anlagen werden ja von haus aus verkleinert. Steht nebenbei auch in der Anleitung :rolleyes:
Schau dir doch mal den Link an (Seite fertig laden lassen, sind viele Bilder drauf):
http://www.gamesbay.de/showthread.php?t=3316
Die Datei resizeall.js auch in den Ordner clientscript hochgeladen?
prima sache ;)
ich brächte das für die version 2.3.4 kann es mir jemand umschreiben das es für diese version auch klapp? danke schonmal im voraus.
Shaochun
05.11.2004, 11:45
@ Mr. Gamesbay : Du hast mir genau das gezeigt, was nicht funktioniert. ie ganze Tabelle wird auseinandergerissen und keines der Bilder wird verkleinert. Vieleicht liegts an meinem Browser ( ist aber IE) . Also verkleinert wird da nix ^^
verkleinern klappt super,
aber wenn ich zu einem beitrag geh und die bilder sich verkleinert haben verkleinert sich auch der Banner des Forum, erst nachdem ich wieder auf die index geh vergrößert es sich!
mr.gamesbay
10.11.2004, 17:29
verkleinern klappt super,
aber wenn ich zu einem beitrag geh und die bilder sich verkleinert haben verkleinert sich auch der Banner des Forum, erst nachdem ich wieder auf die index geh vergrößert es sich!
Der Banner im Header (?) dürfte sich nicht verkleinern, weil er sich ja nicht im SHOWTHREAT Temp. Befinden sollte, ich habe ja selbst ein Banner im Header, der wird nicht verkleinert.
Aber es gibt ne Möglichkeit, Bilder von der Verkleinerung auszuschließen. Ich werde mal die Anleitung später posten.
www.spiele-forum.com und geh dort mal in einem beitrag rein dann siehst du das der banner kleiner wird :(
mr.gamesbay
10.11.2004, 17:47
Probiere mal das:
Globale Templates -> Header:
Finde:
<img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />
Ersetze:
<img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" id="forumlogo"/>
Metro Man
10.11.2004, 18:06
nice nice nette Erweiterung
mr.gamesbay
14.11.2004, 17:23
hat gekappt Thx :)
Fein :)
Tradjick
11.12.2004, 21:29
Vielen Dank für den Hack. :)
Ist es auch möglich das Bild nicht in einem neuen Fenster zu laden, sondern im selben?
mr.gamesbay
12.12.2004, 01:49
Vielen Dank für den Hack. :)
Ist es auch möglich das Bild nicht in einem neuen Fenster zu laden, sondern im selben?
Auf die schnelle nein, denn alle Links in nem Thread werden doch in nem neuen Fenster geöffnet.
offen gesagt find ich es über ein neuem fenster auch praktischer, da es mich doch einbischen nervt wenn ich immer eine seite zurück gehen muss wenn ich mir ein bild angeguckt hab!
naja bei mir funzt es wunderbar, BIS darauf, dass ALLE zu grossen bilder kleiner angezeigt werden! somit auch mein header ...... :(
gibts dagegen was?
mr.gamesbay
25.01.2005, 13:00
naja bei mir funzt es wunderbar, BIS darauf, dass ALLE zu grossen bilder kleiner angezeigt werden! somit auch mein header ...... :(
gibts dagegen was?
Schau mal hier :)
http://www.vbulletin-germany.com/forum/showpost.php?p=85717&postcount=22
sieht interessant aus! ich werde daraufzurückkommen wenn ich daheim bin ;)
Solltest aber daran denken, dass das nichts an der Grösse (in kbyte) ändert ;)
*hust* das weiss ich!!!!!!
Schau mal hier :)
http://www.vbulletin-germany.com/forum/showpost.php?p=85717&postcount=22
funzt nicht!!!
kann man das nicht so machen, dass NUR die sachen die IMG gemacht werden geschrumpft werden??
mr.gamesbay
31.01.2005, 19:45
funzt nicht!!!
kann man das nicht so machen, dass NUR die sachen die IMG gemacht werden geschrumpft werden??
Eigentlich sollte es gehen :roll:
Was wird den genau bei dir verkleinert?
mein header und diverse andere design grafiken!
hab aber ein anderen hack unter vbulletin.org gefunden!!
mr.gamesbay
31.01.2005, 20:55
hab aber ein anderen hack unter vbulletin.org gefunden!!
Ok. Sonst hättest du mal dein Headertmp posten können.
Viel glück mit dem anderem Hack :)
Ok. Sonst hättest du mal dein Headertmp posten können.
Viel glück mit dem anderem Hack :)
danke er funzt bis jetzt gut!
mr.gamesbay
01.02.2005, 14:16
danke er funzt bis jetzt gut!
Ich möcht keinen anderen Hack schlecht machen, aber den du jetzt drin hast, hatte ich auch mal eingebaut. Leider ist der Saulahm (in den Threads wo sich Bilder befinden):
Siehe selbst:
http://www.nnc-swiss.com/vb/showthread.php?t=957 (30 Sekunden hats gedauert bis die Seite aufgerufen wurde)
Gut kann man das imo nicht nennen.
ok haste recht! aber welchen andern soll ich nutzen dass es schnell geht???
mr.gamesbay
12.02.2005, 03:02
Schau mal hier :)
http://www.vbulletin-germany.com/forum/showpost.php?p=85717&postcount=22
Aurous (musste bei vB Org suchen): Eigentlich eine ideale Version, schnell und keine Probleme bei tote Verknüpfungen. aber leider gibt’s ein Fehler bei Benutzung des WYSIWYG Editor. Zusätzlich funktioniert diese Version nicht, wenn man die Beitragscache nutzt.
Wenn du beide Optionen nicht nutzt, ist der 1A.
geht das ganze auch mit der version 3?
mr.gamesbay
28.06.2005, 22:02
geht das ganze auch mit der version 3?
Klar :)
Habe ihn grade wieder eingebaut (3.0.7):
Demo: http://www.gamesbay.de/showthread.php?t=25
Metro Man
31.07.2005, 01:05
geht auch im vB so ungefähr :)
mr.gamesbay
31.07.2005, 02:04
geht auch im vB so ungefähr :)
Vielleicht im vB 3.5, aber nich im 3.0.x. Dort kann man nur Bilder verkleinern die Hochgeladen werden, aber nicht bilder die über dem IMG Code verlinkt werden. :)
Doch kann man auch ;)
Ich hab grad was gemacht, das die Bilder in IMG Tags um 400px kleiner macht, wie die Auflösung ist.. somit passts immer ;) :D
Beim Klick drauf öffnen sie in nem neuen Fenster...
hast du den Code für die 3.5 ?
Habs gestern mal auf Probeboard 3.5 RC1 eingebaut - will aber nicht :(
Joa, ich werd das aber denke ich noch was umbauen, sodass man das au wieder zurückschalten kann und sich nicht im neuen Fenster öffnet....
mr.gamesbay
02.08.2005, 03:21
*update*
siehe ersten Beitrag :)
A-handreas
14.08.2005, 18:03
Hallo
wollte mich für den tollen Hack und die sehr gute Anleitung bedanken. Da ich mein Forum jetzt schmal gemacht habe, war dies die Rettung nicht bei jedem eingestellten Bild meiner User den Rahmen zu sprengen.
Gruß
Andreas
mr.gamesbay
14.08.2005, 18:25
Hallo
wollte mich für den tollen Hack und die sehr gute Anleitung bedanken. Da ich mein Forum jetzt schmal gemacht habe, war dies die Rettung nicht bei jedem eingestellten Bild meiner User den Rahmen zu sprengen.
Gruß
Andreas
Das ist aber Nett :)
Ein "Danke" bekommt man eher selten zu hören, meist melden sich nur die User die Probleme mit dem/einen Hack haben.
Grüße nach Frankfurt von einem echten Frankfurter, der seit kurzer Zeit in Meran wohnt :)
Hallo,
ich habe es gestern eingebaut und die Bilder werden verkleinert:)
Aber, mir wird ein Javascriptfehler angezeigt in der Fusszeile des Browsers und meine Menüs funktionieren nicht mehr (Ansicht, Thema bewerten, Thema durchsuchen u.s.w.)
Muss ich irgendwo noch etwas umstellen?
Beispiel: Forum (http://www.freezers-fanforum.de/forum/showthread.php?t=1)
gnrmarcel
30.11.2005, 11:36
funzt das auch mit 3.5.x?
funzt das auch mit 3.5.x?
Funzt Prima mit 3.5.1.
Nur wenn man gerade Antwortet, wird ein Javascriptfehler in der Fussleiste angezeigt, damit kann ich aber leben.
Demo>>> (http://www.freezers-fanforum.de/showthread.php?t=826)
mr.gamesbay
30.11.2005, 23:13
Leider habe ich z.Z. kein 3.5er. Welchen fehler hast du denn?
Ich denke mal, das der Code für die newrepy evtl. nicht korrekt ist, in der Fußzeile des Browser steht Fehler auf der Seite!
Gehe ich da auf Details, dann wird mir ein Fehler in Zeile 31 angezeigt, "Objekt erwartet"
Der Code in Zeile 31: <body onload="editInit();fiImageResize();">
3977
3978
Es funktioniert aber soweit alles, sieht blos unschön aus!;)
danke für den Hack leider habe ich es versucht aber kein erfolg gehappt ??
ist das auch den für vb 3.5.4 geeignet ??
mr.gamesbay
12.05.2006, 11:34
danke für den Hack leider habe ich es versucht aber kein erfolg gehappt ??
ist das auch den für vb 3.5.4 geeignet ??
Jein :D
Diesen den du hier siehst nicht, aber ich habe ihn neu geschrieben und überarbeitet (es werden wiklich nur noch die Bilder verkleinert die verkleinert werden sollen), sodas es auch auf einen 3.5.X Board funzt.
Habe selbst die 3.5.4 Version und der Hack läuft 1A:
http://www.gamesbay.de/showthread.php?t=128
Wenn ich ein wenig mehr zeit habe, werde ich den Hack hier posten.
danke für die Info, wede sehensüchtig darauf warten ;)
dann muß ich wohl das was ich vorher editiert habe wieder rückangig machen.
darkdiver
12.05.2006, 19:13
Da kennt sich ja einer super aus... Hast du eine Idee wie ich in vB am besten ein Banner in meine Bilder bekommen... Ich würde gerne in alle Bilder die in Forum geladen werden rechts unten ein jpg oder gif einbinden.
Ich arbeite noch mit 3.0.14
Viele Grüße
Eric
Brig. Gen. Jack
15.05.2006, 10:09
habe da ein kleines problem mit.
seit dem ich dies drin habe,
kann ich beim thema, antwort erstellen nicht mehr auf den button "Ahänge verwalten" klicken.
bzw. ich kann drauf klicken, aber es öffnet sich nichts.
lässt sich das irgendwie beheben ?
funktioniert wunderbar! :) dankeschööön! :)
Diesen den du hier siehst nicht, aber ich habe ihn neu geschrieben und überarbeitet (es werden wiklich nur noch die Bilder verkleinert die verkleinert werden sollen), sodas es auch auf einen 3.5.X Board funzt.
Habe selbst die 3.5.4 Version und der Hack läuft 1A:
http://www.gamesbay.de/showthread.php?t=128
Wenn ich ein wenig mehr zeit habe, werde ich den Hack hier posten.
Dann hoffe ich, dass du diese Zeit finden wirst, denn ich suche schon einige Zeit nach genau diesem Hack für das 3.5.4
Danke
wie sieht es denn nun aus für 3.5.4... habe mir den vor kurzem eingebaut... aber leider wurden die bilder nur ne zeit land verkleinert... jetzt sind die wieder groß... :(
eine zeitlang ging es und nun sind sie wieder groß? bist Du dir sicher, dass Du nicht etwas anderes geänder hast, und es deswegen wieder groß wird? Ein einnmal funktionierender Code klappt ja nicht plötzlich von alleine nicht mehr? *wunder*
Ich habe den Code in meinem 3.5.4 eingebaut und es funktioniert wunderbar, in sämtlichen getesten Browsern?!:o
Jein :D
Diesen den du hier siehst nicht, aber ich habe ihn neu geschrieben und überarbeitet (es werden wiklich nur noch die Bilder verkleinert die verkleinert werden sollen), sodas es auch auf einen 3.5.X Board funzt.
Habe selbst die 3.5.4 Version und der Hack läuft 1A:
http://www.gamesbay.de/showthread.php?t=128
Wenn ich ein wenig mehr zeit habe, werde ich den Hack hier posten.
Keine Zeit gefunden ?? es sieht nicht schön aus, weil die Bilder momentan auserhalb der tabellen hinausgehen :(
Würde mich Risig freuen wenn du uns 10 minuten opferst und das Hack postest :)
mr.gamesbay
02.06.2006, 08:15
Keine Zeit gefunden ?? es sieht nicht schön aus, weil die Bilder momentan auserhalb der tabellen hinausgehen :(
Würde mich Risig freuen wenn du uns 10 minuten opferst und das Hack postest :)
Ich habe ne 6 Tage Woche und meist 45 bis 50 Stunden Arbeit in der Woche *schnief*. Aber was lange währt, wird endlich gut :)
Hier die Anleitung + neue Version:
http://www.vbulletin-germany.com/forum/showthread.php?t=23824
vielen Dank, werde es morgen ausprobieren ;)
wirthensohn
04.06.2006, 07:25
Habe es bei mir im Forum gerade mal einbaut und es funktioniert wunderbar! Optimale Sache, vielen Dank!
Gruß,
Christian
vBulletin® v3.7.2, Copyright ©2000-2008, Jelsoft Enterprises Ltd.