[FINAL]Bild Popup

[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

[Max]

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

[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

[scheibenbrot]

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

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.

mfg

[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

[sephiriot]

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.

[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.

[Tommy_65428]

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

[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

[SoLo1905]

Hallo,

das www Problem könnte so verschwinden... arnstadt diese Code Verä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|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