Lightbox für das SMF

Begonnen von Sitki, 18 Januar 2009, 11:05:43

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Sitki

Moin :)

Integrate Lightbox

Features
o Integrates Slimbox to work with
- Attachments
- Non-Linked Images
- Text-based Links to images
o Prevents Slimbox from affecting images linked to page/urls
o Fixes Imageshack.us & Photobucket links to work with Slimbox

Installation
1. Obige Modifikation über den Paket-Manager installieren.
2. Erforderliche Anpassungen für das mx-port Template:

In Datei modules/Forum/smf/Themes/mx-port/index.template.php

Suche nach:
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

Dahinter einfügen:
// Include the Lightbox Scripts (except for the stats page and SMF Garage)
if($context['current_action'] != 'stats' && $context['current_action'] != 'garage')
echo '
        <!-- Integrate Lightbox Mod: Start -->
        <!-- MooTools Includes -->
        <script type="text/javascript" src="', $settings['default_theme_url'], '/mootools1.11.js"></script>

        <!-- Lightbox Includes -->
        <script type="text/javascript" src="', $settings['default_theme_url'], '/slimbox.js"></script>
        <link rel="stylesheet" href="', $settings['default_theme_url'], '/slimbox.css" type="text/css" media="screen" />
        <!-- Integrate Lightbox Mod: End -->';


In Datei modules/Forum/smf/Themes/mx-port/Display.template.php

Suche nach:
echo '
<a href="', $attachment['href'], ';image" id="link_', $attachment['id'], '" onclick="', $attachment['thumbnail']['javascript'], '"><img src="', $attachment['thumbnail']['href'], '" alt="" id="thumb_', $attachment['id'], '" border="0" /></a><br />';


Ersetze mit:
echo '
<a href="', $attachment['href'], ';image" id="link_', $attachment['id'], '" rel="lightbox[smf]"><img src="', $attachment['thumbnail']['href'], '" alt="" id="thumb_', $attachment['id'], '" border="0" /></a><br />';



zum Testen (inkl. PREV u. NEXT):


viele Grüße

Kein Support über PN, Mail oder Messenger!
Bitte die Fragen im Forum stellen, nur so helfen die Antworten auch den anderen Usern.
Bitte auch die Boardsuche nicht vergessen, oft ist genau dein Problem schon an anderer Stelle gelöst worden!

grafikmurkser

#1
geil  .. dankeschön :)
nachtrag:

habs eingebaut  - läuft hervorragend  - nochmal vielen Dank dafür :)  :thumbup:
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

breakdancer

Vielleicht ein kleiner Nachtrag für alle "Hosenschisser" so wie mich, die ein anderes Theme bzw. Template im Einsatz haben und sich nicht trauen...

Führt einfach beide vorgenannten Änderungen im Theme "mx-port" durch.

Dann geht in das aktuell von euch verwendete Theme und führt den Schritt eins:
Zitat von: Sitki am 18 Januar 2009, 11:05:43

Suche nach:
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

Dahinter einfügen:
// Include the Lightbox Scripts (except for the stats page and SMF Garage)
        if($context['current_action'] != 'stats' && $context['current_action'] != 'garage')
                echo '
        <!-- Integrate Lightbox Mod: Start -->
        <!-- MooTools Includes -->
        <script type="text/javascript" src="', $settings['default_theme_url'], '/mootools1.11.js"></script>
               
        <!-- Lightbox Includes -->
        <script type="text/javascript" src="', $settings['default_theme_url'], '/slimbox.js"></script>
        <link rel="stylesheet" href="', $settings['default_theme_url'], '/slimbox.css" type="text/css" media="screen" />
        <!-- Integrate Lightbox Mod: End -->';


in der index.template.php eures Themes nocheinmal genau so durch, Schritt zwei entfällt in eurem Theme.

Und das Ganze sollte laufen.

Liebe Grüße

Markus

appelknolli

Gottlos Glücklich. Ich lasse 1000 Friedenstauben fliegen und sie sch...auf die Welt