RE: Übergroße Bilder automatisch verkleinern

13.10.2008 19:48

Vitalis
#31 RE: Übergroße Bilder automatisch verkleinern

Das Script ist für die Eigentliche Sache viel zu unnötig, da dieses via CSS wesentlich einfacher und sauberer geht.

zb: https://www.hpm-support.de/topic-threaded...message=7044699
oder einfach mal unter SelfHTML.org schauen ;-)

Antworten

Beitrag melden

#32

13.10.2008 19:55

WolverineX
#32 RE: Übergroße Bilder automatisch verkleinern

WolverineX

Aber funktioniert max-width und max-height auch im IE?

_________________
http://forum.florian-zier.de
http://friends-of.xobor.de

Antworten

Beitrag melden

#33

13.10.2008 19:57

Vitalis
#33 RE: Übergroße Bilder automatisch verkleinern

Vitalis

Ja, ab IE7 definitiv, beim IE6 teils, wobei man da auch schummeln kann. CSS-Hacks sagen dir evtl. was ;-)

Antworten

Beitrag melden

#34

13.10.2008 20:12

domi82
#34 RE: Übergroße Bilder automatisch verkleinern

do

domi82

Zitat von WolverineX
Das scheint nicht die aktuellste Version des Skriptes zu sein.
Mit diesem Skript sollte es funktionieren:
https://www.hpm-support.de/topic-threaded...message=7113331
Dann muss es nur noch per onload, z.B. im Body-Tag aufgerufen werden:
<body onload="resizePics();">

Hoffe, damit geholfen zu haben!

Ja, vielen Dank! So funktioniert es.

@Vitalis: Werde ich die Tage mal ausprobieren. Fürs erste war die Lösung von WolverineX (FÜR MICH!) einfacher. Trotzdem Danke!

Antworten

Beitrag melden

#35

13.10.2008 20:17

WolverineX
#35 RE: Übergroße Bilder automatisch verkleinern

WolverineX

CSS-Hacks sind echt Klasse, auch wenn es ohne meistens besser wäre.

Aber da im Forum standardmäßig bei den meisten Usern kein Doctype gesetzt ist, schlugen glaube ich bisherige Versuche mit min- und max-width fehl.

@domi82:
Freut mich sehr! :-D

_________________
http://forum.florian-zier.de
http://friends-of.xobor.de

Antworten

Beitrag melden

#36

13.10.2008 20:27 (zuletzt bearbeitet: 13.10.2008 20:29)

domi82
#36 RE: Übergroße Bilder automatisch verkleinern

do

domi82

argl....
hab den Aufruf onload="resizePics();" in den Body-Tag geschrieben, jetzt ist aber auch meine Header-Grafik davon betroffen. Kannst mir da vielleicht nochmal kurz helfen, wo ich das reinschreiben muss? Bidde... ;-)

EDIT: Ach so, ist mehr oder weniger wichtig, weil die Header-Grafik auf "Forum allgemein" verlinkt und var resize_pics_new_window = true;. Das ist blöd...

Antworten

Beitrag melden

#37

13.10.2008 20:32

WolverineX
#37 RE: Übergroße Bilder automatisch verkleinern

WolverineX

var resize_pic_ausnahme = 'https://files.homepagemodules.de/b214495/bhnetfiles-585t-b.png';

Die URL in dieser Zeile muss durch die Banner-Url ersetzt werden.
(Ausnahme-Regel)

_________________
http://forum.florian-zier.de
http://friends-of.xobor.de

Antworten

Beitrag melden

#38

13.10.2008 20:38 (zuletzt bearbeitet: 13.10.2008 20:38)

Vitalis
#38 RE: Übergroße Bilder automatisch verkleinern

Vitalis

Ohne CSS-Hacks kommt man teilweise nicht mehr rum... Wenn die Webseite Crosbrowser funktionieren soll ;-)

Mit der CSS-Lösung, kann man halt genau die bereiche auswählen ;-)

Antworten

Beitrag melden

#39

13.10.2008 20:44

domi82
#39 RE: Übergroße Bilder automatisch verkleinern

do

domi82

Zitat von WolverineX
var resize_pic_ausnahme = 'https://files.homepagemodules.de/b214495/bhnetfiles-585t-b.png';

Die URL in dieser Zeile muss durch die Banner-Url ersetzt werden.
(Ausnahme-Regel)

Ach ja. Verdammt. Hatte das letzte Woche hier schon gelesen, aber iwie "verdrängt" ;-)
Vielen Dank nochmal, WolverineX. Jetzt ist es erstmal so, wie es sein soll.

@Vitalis: Mit CSS werd ich mich wohl (gezwungenermaßen (Fortbildung)) demnächst mal auseinandersetzen...

Antworten

Beitrag melden

#40

16.12.2008 15:33 (zuletzt bearbeitet: 16.12.2008 15:33)

Prometheus
#40 RE: Übergroße Bilder automatisch verkleinern

Pr

Prometheus

Kann mir jemand helfen?

In meinem Forum gibts es auch immer Bilder und da kommt mir dieser Script gerade Recht, aber irgendwie funktioniert er bei mir nicht. Hab das ganz unten unter CSS angehängt.

In Antwort auf:

<script language="javascript" type="text/javascript">// Bilder automatisch verkleinernfunction resizePics() {// Alle Angaben in Pixeln:// ----------------------------------------------------------------------------------------------------------------------------------------- var pict_width_max = 800; // Maximale Bilderbreite var pict_width_after = 800; // Bilderbreite nach Größenänderung var pict_height_max = 400; // Maximale Bilderhöhe var pict_height_after = 400; // Bilderhöhe nach Größenänderung // Ausnahme, z.B. ein Banner, auf den das Skript nicht angewendet werden soll var resize_pic_ausnahme = 'https://files.homepagemodules.de/b214495/bhnetfiles_big-5ip0-j.jpg'; var resize_pics_new_window = false; // true öffnet das Bild in einem neuen Fenster, false vergrößert oder verkleinert dynamisch// Keine weiteren Angaben benötigt.// ----------------------------------------------------------------------------------------------------------------------------------------- if(document.getElementsByTagName) { var resize_pics_nr = document.getElementsByTagName("img"); for(i_pic_nr=0; i_pic_nr<resize_pics_nr.length; i_pic_nr++) { var pict_width_resize = resize_pics_nr[i_pic_nr].width; var pict_height_resize = resize_pics_nr[i_pic_nr].height; if (pict_width_resize > pict_width_max) { if (resize_pics_nr[i_pic_nr].src != resize_pic_ausnahme) { resize_pics_nr[i_pic_nr].style.width = pict_width_after + 'px'; resize_pics_nr[i_pic_nr].title = unescape("Auf das Bild klicken f%FCr volle Gr%F6%DFe."); onmouseover = resize_pics_nr[i_pic_nr].style.cursor= 'pointer'; resize_pics_nr[i_pic_nr].onclick = function() { if (resize_pics_new_window == true) { var fenster = window.open(this.src); } else { if (this.style.width != '') { this.style.width = ''; } else { this.style.width = pict_width_after + 'px'; } } } } } else if (pict_height_resize > pict_height_max) { if (resize_pics_nr[i_pic_nr].src != resize_pic_ausnahme) { resize_pics_nr[i_pic_nr].style.height = pict_height_after + 'px'; resize_pics_nr[i_pic_nr].title = unescape("Auf das Bild klicken f%FCr volle Gr%F6%DFe."); onmouseover = resize_pics_nr[i_pic_nr].style.cursor= 'pointer'; resize_pics_nr[i_pic_nr].onclick = function() { if (resize_pics_new_window == true) { var fenster = window.open(this.src); } else { if (this.style.height != '') { this.style.height = ''; } else { this.style.height = pict_height_after + 'px'; } } } } } } }}</script>

Das Einzige was ich geändert habe war die Hintergrund-Url.

Bitte um Hilfe

http://www.novi-dei.eu
16.000 Beiträge

Antworten

Beitrag melden

#41

16.12.2008 16:00 (zuletzt bearbeitet: 16.12.2008 16:00)

Fabian
#41 RE: Übergroße Bilder automatisch verkleinern

Fabian

1. Das Script soll nicht in den CSS Angaben stehen sondern muss in das Template oder in den Header unter Admin -> Layout -> Header & Footer

2. Achte auch die Zeilenumbrüche! Scheinbar ist bei dir ein Fehler beim kopieren des Codes passiert.

3. Schau dir mal DAS und DAS an

Servus
Fabian Klose

Antworten

Beitrag melden

#42

16.12.2008 18:40 (zuletzt bearbeitet: 16.12.2008 18:41)

Prometheus
#42 RE: Übergroße Bilder automatisch verkleinern

Pr

Prometheus

Zitat von Fabian

1. Das Script soll nicht in den CSS Angaben stehen sondern muss in das Template oder in den Header unter Admin -> Layout -> Header & Footer

Danke

Zitat von Fabian

2. Achte auch die Zeilenumbrüche! Scheinbar ist bei dir ein Fehler beim kopieren des Codes passiert.

Das passiert nur hier beim posten!

<blockquote><font size="1">Zitat von Fabian

3. Schau dir mal DAS und DAS an

:-( Gibt es keine brauchbare Lösung für FF
[/quote]

http://www.novi-dei.eu
16.000 Beiträge

Antworten

Beitrag melden