Viktor's Supportboard (https://www.v-gn.de/wbb/index.php)
- Support (https://www.v-gn.de/wbb/board.php?boardid=6)
-- Fragen/Hilfe/Sonstiges (wBB2.3.x) (https://www.v-gn.de/wbb/board.php?boardid=72)
--- Bild-Link im Thema (https://www.v-gn.de/wbb/thread.php?threadid=16045)
Geschrieben von seedstyLe. am 26.02.2017 um 17:41:
Bild-Link im Thema
Heho... steh mal wieder auf'm Schlauch..... in welchen Template ist denn der Code der für die Bilder-Links in einen Thema zuständig ist??? Sprich nicht wenn ich ein Bild anhänge sondern z.B. direkt verlinken möchte???
code: |
1:
|
<div align="center"><a href="/img/titlelogogly4p.png" target="_blank"><img src="/img/titlelogogly4p.png" alt="" class="resizeImage" height="103" border="0" width="200"></a></div> |
|
im a-Tag müsste ich folgendes noch hinzufügen
data-lightbox="set"
Geschrieben von Schrimm am 26.02.2017 um 21:38:
Hallo,
Dafür ist die "/acp/lib/class_parse.php" zuständig.
Geschrieben von seedstyLe. am 27.02.2017 um 17:37:
Tach! Ist das dieser Teil der dafür zuständig ist???
php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
|
function prepareimages() {
global $allowdynimg;
if ($allowdynimg == 1) $this->imgsearch = "/\[img]([^\"]+)\[\/img\]/siU";
else $this->imgsearch = "/\[img]([^\"\?\&]+\.(gif|jpg|jpeg|bmp|png))\[\/img\]/siU";
if ($this->showimages == 1) $this->imgreplace = "<img src=\"\\1\" alt=\"\" border=\"0\" class=\"resizeImage\" />";
else $this->imgreplace = "<a href=\"\\1\" target=\"_blank\">\\1</a>";
if ($allowdynimg == 1) $this->imgsearch2 = "/\[img]([^\"]+)\[\/img\]/esiU";
else $this->imgsearch2 = "/\[img]([^\"\?\&]+\.(gif|jpg|jpeg|bmp|png))\[\/img\]/esiU";
$this->imgreplace2 = "'$this->breakChar[img]$this->breakChar' . \$this->insertBreakChar('\\1') . '$this->breakChar[/img]$this->breakChar'";
} |
|
Hab folgendes Probiert... und irgendwie klappt das nicht
php: |
1:
|
else $this->imgreplace = "<a href=\"\\1\" target=\"_blank\" data-lightbox=\"set\">\\1</a>"; |
|
Wenn ich die php geändert habe... muss ich da noch was machen am Forum??? Anzeigen aktualisieren ect...???
Geschrieben von Schrimm am 27.02.2017 um 18:15:
Hallo,
Wird das Bild im Beitrag angezeigt?
Wenn ja, dann ist folgende Zeile dein Ziel:
php: |
1:
|
if ($this->showimages == 1) $this->imgreplace = "<img src=\"\\1\" alt=\"\" border=\"0\" class=\"resizeImage\" />"; |
|
Da Bilder, die mittels "<img" angezeigt werden, nicht automatisch verlinkt sind, fehlt dementsprechend auch die "<a"-Verlinkung.
Geschrieben von seedstyLe. am 27.02.2017 um 19:29:
Hmmm also gut.... nochmal zur Erklärung:
1. Wenn ich ein Bild als "Dateianhang" in einen Beitrag speichere sieht das wie folgt im Quellcode aus:
code: |
1:
|
<a href="attachment.php?attachmentid=188" data-lightbox="set"><img src="attachment.php?attachmentid=188&thumbnail=1" alt="logo.png" title="logo.png"></a> |
|
Anmerkung: Es ist ein großes Bild das verkleinert wurde.
2. Wenn ich nun das selbe Bild direkt in einen Beitrag speichere also z.B.
www.domain.de/wbb/logo.png dann sieht das wie folgt im Quellcode aus (auch das ist das große Bild das auf den Forenstandard dann verkleinert wird, bei mir auf 200px Breite)
code: |
1:
|
<a href="http://localhost/wbb/logo.png" target="_blank"><img src="http://localhost/wbb/logo.png" alt="" class="resizeImage" height="103" border="0" width="200"></a> |
|
3. Hab das Bild selbst verkleinert und wieder direkt im Beitrag eingefügt... nun sieht das so aus:
code: |
1:
|
<img src="http://localhost/wbb/logo_small.png" alt="" class="resizeImage" border="0"> |
|
Nun mein Problem .... oder Sache... XDD ... beim 2. Beispiel soll nun wie im 1. Beispiel das -
data-lightbox="set" in den <a>-Tag rein. Denn wenn das Bild zu groß ist wird dieser <a>-Tag ja vom Forum generiert, und erstellt ne kleine Vorschau als <img>-Tag...
Wenn ich das aber nun bei der php ändere wie weiter oben ändert sich komischerweise nix im quellcode...
Geschrieben von Viktor am 27.02.2017 um 19:37:
|
Zitat: Original von seedstyLe.
Wenn ich das aber nun bei der php ändere wie weiter oben ändert sich komischerweise nix im quellcode... |
|
|
Hallo,
hast du denn den Beitrag editiert.
Die Änderung ist dann erst aktiv wenn der Beitrag editiert wird oder bei neuen Postings.
Was hast du denn geändert.
Gruß
Viktor
Geschrieben von seedstyLe. am 27.02.2017 um 19:54:
Hi Viktor,
in der class_parse.php hab ich nur das hinzugefügt
data-lightbox=\"set\" in der Zeile mit dem <a>-Tag ... hab jetzt auch das postig editiert und auch nochmal komplett neu gepostet.... dieses Tag will da einfach nicht rein
php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
|
function prepareimages() {
global $allowdynimg;
if ($allowdynimg == 1) $this->imgsearch = "/\[img]([^\"]+)\[\/img\]/siU";
else $this->imgsearch = "/\[img]([^\"\?\&]+\.(gif|jpg|jpeg|bmp|png))\[\/img\]/siU";
if ($this->showimages == 1) $this->imgreplace = "<img src=\"\\1\" alt=\"\" border=\"0\" class=\"resizeImage\" />";
else $this->imgreplace = "<a href=\"\\1\" target=\"_blank\" data-lightbox=\"set\">\\1</a>";
if ($allowdynimg == 1) $this->imgsearch2 = "/\[img]([^\"]+)\[\/img\]/esiU";
else $this->imgsearch2 = "/\[img]([^\"\?\&]+\.(gif|jpg|jpeg|bmp|png))\[\/img\]/esiU";
$this->imgreplace2 = "'$this->breakChar[img]$this->breakChar' . \$this->insertBreakChar('\\1') . '$this->breakChar[/img]$this->breakChar'";
} |
|
Muss das grad mal hier testen....
hm... wie ichs mir dachte... bei dir ist das
rel="lightbox[roadtrip]" drinn was ich bei mir bräuchte ~.~ mit meinen tag
Geschrieben von Viktor am 27.02.2017 um 20:27:
|
Zitat: Original von seedstyLe.
hm... wie ichs mir dachte... bei dir ist das rel="lightbox[roadtrip]" drinn was ich bei mir bräuchte ~.~ mit meinen tag |
|
|
Hallo,
was meinst du jetzt damit.
Ich habe bei mir nichts geändert nur im Template "headinclude" das eingefügt.
code: |
1:
2:
3:
4:
|
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
|
|
Gruß
Viktor
Geschrieben von seedstyLe. am 27.02.2017 um 20:40:
Oben hab ich ein Bild "Bildertest" mal eingefügt und im Quellcode sieht es bei dir so aus:
code: |
1:
2:
3:
4:
5:
6:
|
<br>
Muss das grad mal hier testen....<br>
<a href="https://abload.de/img/aaayjsrv.png" rel="lightbox[roadtrip]" target="_blank"><img src="https://abload.de/img/aaayjsrv.png" alt="" class="resizeImage" height="480" border="0" width="640"></a> <br>
<br>
|
|
und dort ist das drin
rel="lightbox[roadtrip]" ... bei meiner lightbox geht nur dies
data-lightbox="set"
Ist bei deiner calss_parse.php denn wirklich nichts verändert??? Das Ganze ist echt schon mysteriös O.O
Geschrieben von Schrimm am 27.02.2017 um 20:40:
Hallo,
Ja, bei Viktor macht das:
php: |
1:
|
<script type="text/javascript" src="js/lightbox.js"></script> |
|
Das genügt im Grunde schon, damit bestimmte "Bildendungen" genau wie im obigen Beitrag umgewandelt werden.
Geschrieben von Stine am 27.02.2017 um 23:46:
Hallo seedstyLe.
js/images.js
Suche:
code: |
1:
|
popupLink.setAttribute('href', document.images[i].src); |
|
Darunter einfügen:
code: |
1:
|
popupLink.setAttribute('data-lightbox', 'set'); |
|
Geschrieben von seedstyLe. am 28.02.2017 um 01:39:
|
Zitat: Original von Stine
Hallo seedstyLe.
js/images.js
Suche:
code: |
1:
|
popupLink.setAttribute('href', document.images[i].src); |
|
Darunter einfügen:
code: |
1:
|
popupLink.setAttribute('data-lightbox', 'set'); |
|
|
|
|
BINGO!! Das ist ein Volltreffer! Dickes Danke Stine
jetzt läuft das... echt
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab® GmbH