phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

[FINAL]Bild Popup

https://www.phpbb.de/community/viewtopic.php?t=136414

Seite 1 von 2

[FINAL]Bild Popup

Verfasst: 26.11.2006 22:56
von scheibenbrot
Servus,
dieser MOD lässt die geposteten Bild alsThumbnail anziegen und beim drüber fahren mit der Maus als Popup.
Der zweck ist, dass der Style nicht gesprengt wird.

Download: bilder_popup.zip

Demo: klick

mfg

Re: [FINAL]Bild Popup

Verfasst: 27.11.2006 07:08
von Max
scheibenbrot hat geschrieben:Der zweck ist, dass der Style nicht gesprengt wird.
Der ist eindeutig erfüllt und es sieht sehr gut aus.

Aber leider muss das große Bild ja trotzdem geladen werden, wenn man das Thema ansieht.

Wenn man eine Kombination aus "nicht laden" des ganzen Bildes und Thumbnail haben möchte, ist das hier der Ideale MOD: http://www.phpbbhacks.com/download/3766

Hiermit wird beim Posten von Bildern ein Thumbnail angelegt und das wird mit dem Originalbild verlinkt.
Vorteile sind ganz klar:
- das Bild im Thema sprengt nicht den Rahmen der Seite
- das Bild liegt auf dem eigenen Space (keine Wartezeiten auf den fremden Server)
|- außerdem macht das nichts, wenn das Originalbild mal verschwindet, da man im Thema ja noch das Vorschaubild hat
- das ggf. sehr große Originalbild muss nicht mitgeladen werden, wenn man das Thema aufruft

Und wenn man es liebt, mit Effekten zu spielen, kann man das auch tun, siehe hier: http://www.hundefotografie.org/forum/vi ... =2294#2294


Aber trotzdem gefällt mir Dein MOD sehr gut und ich werde den wahrscheinlich als Ablösung für den Vergrößerungs-Effekt im Beitrag über dem verlinkten Beispiel einsetzen.




Gruß Max

Verfasst: 27.11.2006 10:23
von Tommy_65428
Und wenn jetzt noch einer rausbekommt wie man es einstellt, daß die Bilder in der Signatur von dem Mod nicht verkleinert werden, bekommt der Mod nen Ehrenplatz auf meinem Board :D

Verfasst: 27.11.2006 18:58
von scheibenbrot
Tommy_65428 hat geschrieben:Und wenn jetzt noch einer rausbekommt wie man es einstellt, daß die Bilder in der Signatur von dem Mod nicht verkleinert werden, bekommt der Mod nen Ehrenplatz auf meinem Board :D
hm, daran habe ich nicht gedacht, da die Funktion der Sig. bei mir nicht mehr aktiv ist.
Das Problem ist, dass autom. beim bbcode diese Funktion abgerufen wird.
Du könntest aber ein neuen BBCode machen:

Code: Alles auswählen

# 
#-----[ OPEN ]------------------------------------------ 
# 
includes/bbcode.php 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = str_replace("[b:$uid]", $bbcode_tpl['b_open'], $text);
	$text = str_replace("[/b:$uid]", $bbcode_tpl['b_close'], $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'bild' 
	// [bild] and [/bild] for bild   
	$text = str_replace("[bild:$uid]", $bbcode_tpl['bild_open'], $text); 
	$text = str_replace("[/bild:$uid]", $bbcode_tpl['bild_close'], $text); 
	// End 'bild' 

# 
#-----[ FIND ]------------------------------------------ 
# 
	// [b] and [/b] for bolding text.
	$text = preg_replace("#\[b\](.*?)\[/b\]#si", "[b:$uid]\\1[/b:$uid]", $text);

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 
	// Begin 'bild' 
	// [bild] and [/bild] for setting spoiler-textblocks
	$text = preg_replace("#\[bild\](.*?)\[/bild\]#si", "[bild:$uid]\\1[/bild:$uid]", $text); 
	// End 'bild' 

# 
#-----[ OPEN ]------------------------------------------ 
# 
templates/subSilver/bbcode.tpl 

# 
#-----[ FIND ]------------------------------------------ 
# 
<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

# 
#-----[ BEFORE, ADD ]------------------------------------------ 
# 

<!-- BEGIN bild --><img src="{URL}" border="0" /><!-- END bild -->
Dann kannst du ein normales Bild einfügen mit

Code: Alles auswählen

[bild] und [/bild]
Hirbei wird das Bild nicht verkleinert.
Das wäre die einfachste Lösung. :wink:

mfg

Verfasst: 28.11.2006 00:05
von Swat
Moin wenn ich aber den BBCode für [bild] einbaue und dazwischen die URL das Bildes setzte wird nur diese angezeigt und nicht das Bild.

wäre aber schön wenn das bild kommen würde ;)

Verfasst: 28.11.2006 01:20
von sephiriot
Swat hat geschrieben:Moin wenn ich aber den BBCode für [bild] einbaue und dazwischen die URL das Bildes setzte wird nur diese angezeigt und nicht das Bild.

wäre aber schön wenn das bild kommen würde ;)
EDIT:
So klappts:

Code: Alles auswählen

#
#-----[ OPEN ]------------------------------------------
#
includes/bbcode.php

#
#-----[ FIND ]------------------------------------------
#
   $bbcode_tpl['img'] = str_replace('{URL}', '\\1', $bbcode_tpl['img']);

#
#-----[ AFTER, ADD ]------------------------------------------
#
   $bbcode_tpl['bild'] = str_replace('{URL}', '\\1', $bbcode_tpl['bild']);

#
#-----[ FIND ]------------------------------------------
#
  // [img]image_url_here[/img] code..
	// This one gets first-passed..
	$patterns[] = "#\[img:$uid\]([^?](?:[^\[]+|\[(?!url))*?)\[/img:$uid\]#i";
	$replacements[] = $bbcode_tpl['img'];

#
#-----[ AFTER, ADD ]------------------------------------------
#
   // [bild]image_url_here[/bild] code..
	$patterns[] = "#\[bild:$uid\]([^?](?:[^\[]+|\[(?!url))*?)\[/bild:$uid\]#i";
	$replacements[] = $bbcode_tpl['bild'];

#
#-----[ FIND ]------------------------------------------
#
  // [img]image_url_here[/img] code..
	$text = preg_replace("#\[img\]((http|ftp|https|ftps)://)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/img\]#sie", "'[img:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/img:$uid]'", $text);

#
#-----[ AFTER, ADD ]------------------------------------------
#
  // [bild]image_url_here[/bild] code..
	$text = preg_replace("#\[bild\]((http|ftp|https|ftps)://)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/bild\]#sie", "'[bild:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/bild:$uid]'", $text);

#
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/bbcode.tpl

#
#-----[ FIND ]------------------------------------------
#
<!-- BEGIN img --><a class="thumbnail" href="#thumb"><img src="{URL}" width="100px" height="66px" border="0" /><span><img src="{URL}" border="0" /></span></a><!-- END img -->
#
#-----[ AFTER, ADD ]------------------------------------------
#

<!-- BEGIN bild --><img src="{URL}" border="0" /><!-- END bild -->
P.S.: Eure Codestellen könnten eventuell etwas anders aussehen da ich Orion benutze.

Verfasst: 28.11.2006 17:38
von Swat
super klappt soweit gut, nur noch ein Problem, wo muss ich was ändern damit auch URLs genommen werden ohne "www." den bei URLs mit "http://irgendwas..." klappt es nicht.

Verfasst: 28.11.2006 19:47
von Tommy_65428
Swat hat geschrieben:super klappt soweit gut, nur noch ein Problem, wo muss ich was ändern damit auch URLs genommen werden ohne "www." den bei URLs mit "http://irgendwas..." klappt es nicht.
Ist allgemein so, daß es ohne das wwwvorne dran Probleme gibt ;)

Verfasst: 28.11.2006 20:27
von Swat
bei [img] hatte ich das nicht, habe es ja nur dadurch bemerkt da ich [img] in [bild] geändert hatte und es nicht ging


EDIT

noch eine Frage, bekommt man das popup so hin das es in der mitte des Bildschirms/Browserfensters auf blinkt, denn wenn das Bild am unteren Rand ist und man kommt drauf ist es halt nicht mehr zusehen das bild.
Das ist jetzt nicht so schlimm aber es wäre schön wenn man das so abändern könnte.
habe das für mich jetzt erstmal etwas höher als normal aufblinken lassen da es einfach besser ausschaut.


Swat

Verfasst: 28.11.2006 22:47
von SoLo1905
Hallo,

das www Problem könnte so verschwinden... arnstadt diese Code Veränderung
sephiriot hat geschrieben:

Code: Alles auswählen

#
#-----[ FIND ]------------------------------------------
#
  // [img]image_url_here[/img] code..
	$text = preg_replace("#\[img\]((http|ftp|https|ftps)://)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/img\]#sie", "'[img:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/img:$uid]'", $text);

#
#-----[ AFTER, ADD ]------------------------------------------
#
  // [bild]image_url_here[/bild] code..
	$text = preg_replace("#\[bild\]((http|ftp|https|ftps)://)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/bild\]#sie", "'[bild:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/bild:$uid]'", $text);
diese änderung...

Code: Alles auswählen

#
#-----[ FIND ]------------------------------------------
#
  // [img]image_url_here[/img] code..
	$text = preg_replace("#\[img\]((http|ftp|https|ftps)://)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/img\]#sie", "'[img:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/img:$uid]'", $text);

#
#-----[ AFTER, ADD ]------------------------------------------
#
  // [bild]image_url_here[/bild] code..
	$text = preg_replace("#\[bild\]((http:\/\/|https:\/\/|ftp:\/\/|www.).*?)([^ \?&=\#"\n\r\t<]*?(\.(jpg|jpeg|gif|png)))\[/bild\]#sie", "'[bild:$uid]\\1' . str_replace(' ', '%20', '\\3') . '[/bild:$uid]'", $text);
dieses könnte gehen, muss aber nicht :)

Und beim Antworten ist ja das Img Button durch [img] & {/img] verlinkt.. wenn ihr wollt, könnt ihr dieses beim klick durch [bild] & [/bild] umändern... dieses geht so

Code: Alles auswählen

#
#-----[ OPEN ]------------------------------------------
#
posting_body.tpl

#
#-----[ FIND]------------------------------------------
#
'[img]','[/img]'

#
#-----[ REPLACE WITH]------------------------------------------
#
'[bild]','[/bild]'

#
#-----[ FIND]------------------------------------------
#
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px"  onClick="bbstyle(14)" onMouseOver="helpline('p')" />
			  </span></td>

#
#-----[ REPLACE WITH]------------------------------------------
#
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="p" name="addbbcode14" value="Bild" style="width: 40px"  onClick="bbstyle(14)" onMouseOver="helpline('p')" />
			  </span></td>
aber ich glaube nicht, dass ihr das Img button durch Bild ersetzt... Aber wenn ihr Bild und Img haben wollt, dann nimmt die oben gesagte veränderung, dann die hier unten:

Code: Alles auswählen

#
#-----[ OPEN ]------------------------------------------
#
posting_body.tpl

#
#-----[ FIND]------------------------------------------
#
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="p" name="addbbcode14" value="Bild" style="width: 40px"  onClick="bbstyle(14)" onMouseOver="helpline('p')" />
			  </span></td>

#
#-----[ AFTER, ADD]------------------------------------------
#
			<td><span class="genmed"> 
			  <input type="button" class="button" accesskey="h" name="addbbcode16" value="Img" style="text-decoration: none; width: 40px" onClick="javascript:bbfontstyle('[img]','[/img]');" onMouseOver="" />
			  </span></td>
Gruß SüLeYmAn
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de