Lytebox Bild test

Hier findet Ihr Modifikationen (MODs) für phpBB3 Olympus (3.0.x)
Forumsregeln
Support für die MODs findet Ihr auf http://www.phpbb.de
Bereich: phpBB 3.0: MOD Support
Benutzeravatar
Foren Mitglied
Site Admin
Site Admin
Beiträge: 1984
Registriert: 05.02.2005 15:41
Wohnort: Xanten
Kontaktdaten:

Formel 1 WebTipp
Formel 1 Punkte : 0
Keine Platzierung
(0 von bisher 22 Rennen getippt)

Lytebox Bild test

Beitrag von Foren Mitglied »

Doc. :schein:

 

 

 

Benutzeravatar
Foren Mitglied
Site Admin
Site Admin
Beiträge: 1984
Registriert: 05.02.2005 15:41
Wohnort: Xanten
Kontaktdaten:

Formel 1 WebTipp
Formel 1 Punkte : 0
Keine Platzierung
(0 von bisher 22 Rennen getippt)

[MOD][BETA] Auto Image Resizer - Lytebox (1.2.0)

Beitrag von Foren Mitglied »

MOD Name: Auto Image Resizer
MOD Version: 1.2.0 Beta
Author: darkera13
MOD Description: This mod is fix for bug of [img] bbcode when you add a huge image has width larger than the width of post content(on IE the forum layout broken, on FF it only show a part of image).
Version 1.1.0 combine with Lytebox and optimize script auto image resize(now it very small and inside Lytebox library).
Works with: RC1, RC2, RC3, RC4

QUELLE: http://www.phpbb.com/community/viewtopi ... 0&t=561803


Um bei Attachment Bildern die Lytebox zu aktivieren muss die Datei styles/templates/prosilver/attachment.html verändert werden.
Zusätzlich dürfen keine Vorschaubilder generiert werden ( Im ACP deaktiveren der Vorschaubilder )

SUCHE:

Code: Alles auswählen

      <!-- IF _file.S_IMAGE -->
      <dl class="file">
         <dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
         <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
         <dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
      </dl>
      <!-- ENDIF -->     
ERSETZE MIT:

Code: Alles auswählen

      <!-- IF _file.S_IMAGE -->
      <dl class="file">
        <a href="{_file.U_INLINE_LINK}"  rel="lytebox[group]" title="" class="image-resize" >
         <img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></a>
         <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
         <dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
      </dl>
      <!-- ENDIF -->     
Dateianhänge
Auto_Image_Resizer_1.2.0.zip
Version 1.2.0 beta
(40.93 KiB) 643-mal heruntergeladen
Auto_Image_Resizer_1.2.0.zip
Version 1.2.0 beta
(40.93 KiB) 643-mal heruntergeladen
Doc. :schein:

 

 

 

Benutzeravatar
Foren Mitglied
Site Admin
Site Admin
Beiträge: 1984
Registriert: 05.02.2005 15:41
Wohnort: Xanten
Kontaktdaten:

Formel 1 WebTipp
Formel 1 Punkte : 0
Keine Platzierung
(0 von bisher 22 Rennen getippt)

Lytebox CODE Anleitung

Beitrag von Foren Mitglied »

Lytebox Anleitung:

Das Lytebox Script verkleinert Bilder, die Größer als 640 Pixel Breite sind.
Zusätzlich lassen sich auch Slideshows erstellen.

Bilder gruppiert:
TEXT1 = Bild-URL
TEXT2 = Gruppen Name

Code: Alles auswählen

[glytebox=TEXT2]TEXT1[/glytebox]

Slide Show:
TEXT1 = Bild-URL
TEXT2 = Gruppen-Name

Code: Alles auswählen

[slytebox=TEXT2]TEXT1[/slytebox]
Bilder in einem Frame:
TEXT = Bild-URL
TEXT1 = Link Name

Code: Alles auswählen

[flytebox=TEXT]TEXT1[/flytebox]
Bild Gruppe in einem Frame:
TEXT = Bild-URL
TEXT1 = Gruppen-Name
TEXT2 = Link Name

Code: Alles auswählen

[fglytebox=TEXT,TEXT1]TEXT2[/fglytebox]
Doc. :schein:

 

 

 

Antworten