Image Lightbox v2 installieren

skaterjordan · #1 17.10.07, 11:16

Hallo, ich habe mir Image Lightbox v2 heruntergeladen.
Die Extension ist installiert und auch aktiviert.
Die HowTo sagt mir, dass nach der Installation und Aktivierung auf dem FrontEnd was zu sehen sein sollte. Ich sehe aber nichts.
Und auch im Menü sehe ich keinen zusätzlichen Eintrag. Und wenn ich eine neue Page erstelle, kann ich, wenn ich das PlugIn einfügen will, auch nichts auswählen.

Ich muss sagen, dass ich noch ein Anfänger bin.
Ich habe TemplaVoila! zusätzlich installiert und jetzt möchte ich eine Bildergallerie mit dieser Ext erstellen.
Nur wie benutze ich sie?
Wo sollte ich normalerweise was sehen?

Bis dahin
Gruß

niquito · #2 17.10.07, 13:42

Ich habe ein ähnliches Problem und hänge das gleich einmal an. Ich bin noch ziemlicher Typo-Anfänger und deshalb kann ich auch etwas dummes übersehen haben.

Ich habe bereits Meinen Seitenbaum erstellt und mein Template via Templa-Voila konfiguriert , die Menüs eingestellt und weiteres. Jetzt will ich für einzelne Bilder und auch Bildreihen Lightbox bzw. Prototype verwenden. Deswegen habe ich mich für die Extension Perfect Lightbox2 entschieden , die ich auch schon installiert und zum laufen gebracht habe.

Ich habe dann zuerst meine Templatevorlage verändert.

Zuerst habe ich die Verweise zum JS eingefügt:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Dann den Inhalt der CSS der bei diesem Lightbox/Prototype Template dabei war meinem CSS Stylesheet angefügt.

Die Verweise zu JS und CSS habe ich in den Headerparts in TemplaViolà eingefügt.

Mein Menü wenn ich ein Inhaltselement vom Typ Bild erstelle sieht dann so aus wie im Anhang [Quelle geändert von David]

Hier sieht man dass ich Lightbox und Klick vergrößern ausgewählt habe wie es mir empfohlen wurde.
Ich habe nun leider nicht das gewünschte Ergebniss , dass das Bild mit Lightbox öffnet , sondern den dass er es in einem einfachen Javascript Popup öffnet.

Ich habe mir die Doku von Perfect Lightbox2 durchgelesen hänge jedoch an ein paar Stellen.

Zitat:

Getting started is REALLY easy... Just import and install the extension via the Extension Manager, enable the static template “Perfect Lightbox2” in your main TS-Template

and everything is ready.

Wie schalte ich nun das statische Template im haupt TS Template ein, bzw was muss ich tun dass dieser Lightboxhaken funktioniert?

Mir fiel beim Kopieren des Quellcodes der angezeigten Seite auf , dass das rel Attribut ( rel="lightbox" ) nicht vorhanden ist.

Code:

<!DOCTYPE html
    PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.com/ and http://typo3.org/
-->

    <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />
    <title>Firma</title>
    <meta name="generator" content="TYPO3 4.1 CMS" />
    <script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
<link type="text/css" href="fileadmin/templates/02/style.css" rel="stylesheet" media="screen" />

<script type="text/javascript" src="fileadmin/templates/02/js/prototype.js"></script>

<script type="text/javascript" src="fileadmin/templates/02/js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="fileadmin/templates/02/js/lightbox.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
    /*<![CDATA[*/
<!--
    function openPic(url,winName,winParams)    {    //
        var theWindow = window.open(url,winName,winParams);
        if (theWindow)    {theWindow.focus();}
    }

// -->
    /*]]>*/
</script>

</head>
<body>

<div id="container">
    <div id="banner"><a rel="nofollow" href="http://www.test.de"><img src="fileadmin/templates/02/images/tvt_logo.jpg" alt="" width="414" height="100" border="0" /></a>
         <h1>Obere Schrift</h1>
    </div>
    <div id="left"><li><a rel="nofollow" href="index.php?id=2" onfocus="blurLink(this);"  >Firma</a></li><li><a rel="nofollow" href="index.php?id=3" onfocus="blurLink(this);"  >Produkte</a></li><li><a rel="nofollow" href="index.php?id=4" onfocus="blurLink(this);"  >Einsatzgebiete</a></li><li><a rel="nofollow" href="index.php?id=41" onfocus="blurLink(this);"  >Erfahrungsgebiete</a></li><li><a rel="nofollow" href="index.php?id=51" onfocus="blurLink(this);"  >Endverbraucher</a></li><li><a rel="nofollow" href="index.php?id=40" onfocus="blurLink(this);"  >Empfehlungen Produktion</a></li><li><a rel="nofollow" href="index.php?id=39" onfocus="blurLink(this);"  >Betrachtungen zum Einsatz von Untertiteln</a></li><li><a rel="nofollow" href="index.php?id=38" onfocus="blurLink(this);"  >FAQ</a></li><li><a rel="nofollow" href="index.php?id=92" onfocus="blurLink(this);"  >Impressum</a></li><li><a rel="nofollow" href="index.php?id=93" onfocus="blurLink(this);"  >Sitemap</a></li></div>
    <div id="right"><li><a rel="nofollow" href="index.php?id=16" onfocus="blurLink(this);"  >News</a></li><li><a rel="nofollow" href="index.php?id=84" onfocus="blurLink(this);"  >Team</a></li><li><a rel="nofollow" href="index.php?id=5" onfocus="blurLink(this);"  >Geschichte</a></li><li><a rel="nofollow" href="index.php?id=7" onfocus="blurLink(this);"  >Wir über und andere über uns</a></li><li><a rel="nofollow" href="index.php?id=21" onfocus="blurLink(this);"  >Kontakt</a></li><li><a rel="nofollow" href="index.php?id=19" onfocus="blurLink(this);"  >Stellanangebote</a></li></div> <!-- end menu right -->
    
    
    <div id="content"><!--TYPO3SEARCH_begin-->
    <!--  CONTENT ELEMENT, uid:62/image [begin] -->
        <a id="c62"></a>
        <!--  Header: [begin] -->               <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Lightbox test!</h1></div>
        <!--  Header: [end] -->
            
        <!--  Image block: [begin] -->
            <div class="csc-textpic csc-textpic-right csc-textpic-above csc-textpic-caption-r csc-textpic-equalheight"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-lastcol" style="width:147px;"><dt><a rel="nofollow" href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2FWasserlilien_01.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=e11610fc9ebe3d55a1b22515d08d5cfc" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2FWasserlilien_01.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=e11610fc9ebe3d55a1b22515d08d5cfc','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture"><img src="typo3temp/pics/81f6477424.jpg" width="147" height="110" border="0" alt="" /></a></dt><dd class="csc-textpic-caption">Suspendisse arcu nibh, molestie in, adipiscing in, dictum sed, neque. Duis sapien mauris, porttitor volutpat, pellentesque sodales, cursus eu, justo. </dd></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
        <!--  Image block: [end] -->
            
    <!--  CONTENT ELEMENT, uid:62/image [end] -->
        <!--TYPO3SEARCH_end--></div>
    
     <div id="footer"><h1><strong>Firma</strong></h1>
    
    </div>
    
</div>

<br /><div style="z-index:3" class="smallfont" align="center"><!-- google_ad_section_start(weight=ignore) -->Search Engine Friendly URLs by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.0.0<!-- google_ad_section_end --></div><br /><div style="z-index:3" class="smallfont" align="center"><a href="http://www.typo3forum.net/forum/archive/index.php/f-256.html">1</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-258.html">2</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-257.html">3</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-259.html">4</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-261.html">5</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-260.html">6</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-224.html">7</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-224-p-2.html">8</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-224-p-3.html">9</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225.html">10</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-2.html">11</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-3.html">12</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-4.html">13</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-5.html">14</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-6.html">15</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-7.html">16</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-8.html">17</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-9.html">18</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-10.html">19</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-11.html">20</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-225-p-12.html">21</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-237.html">22</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-237-p-2.html">23</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-252.html">24</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-238.html">25</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-210.html">26</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214.html">27</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214-p-2.html">28</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214-p-3.html">29</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214-p-4.html">30</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214-p-5.html">31</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-214-p-6.html">32</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-235.html">33</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-236.html">34</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-178.html">35</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-178-p-2.html">36</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-178-p-3.html">37</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-174.html">38</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-273.html">39</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-270.html">40</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-271.html">41</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-272.html">42</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-275.html">43</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-276.html">44</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-279.html">45</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-277.html">46</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-278.html">47</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-177.html">48</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-177-p-2.html">49</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-239.html">50</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-222.html">51</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-244.html">52</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-274.html">53</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167.html">54</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167-p-2.html">55</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167-p-3.html">56</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167-p-4.html">57</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167-p-5.html">58</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-167-p-6.html">59</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-240.html">60</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-165.html">61</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-165-p-2.html">62</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-205.html">63</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-205-p-2.html">64</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-253.html">65</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-254.html">66</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-166.html">67</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-179.html">68</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-179-p-2.html">69</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-179-p-3.html">70</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-179-p-4.html">71</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-175.html">72</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-175-p-2.html">73</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-176.html">74</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-269.html">75</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-234.html">76</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-173.html">77</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-162.html">78</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-246.html">79</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-146.html">80</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-170.html">81</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-172.html">82</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-172-p-2.html">83</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-145.html">84</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-221.html">85</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-168.html">86</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-241.html">87</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-242.html">88</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-243.html">89</a> <a href="http://www.typo3forum.net/forum/archive/index.php/f-263.html">90</a> </div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-195124-1";
urchinTracker();
</script>
</body>
</html>

ttb · #3 19.10.07, 02:19

Moin,

Zitat:

Wie schalte ich nun das statische Template im haupt TS Template ein

- links im Menü auf Template klicken
- Seite mit dem Haupttemplate auswählen
- evt. oben rechts im Dropdown-Menü auf Info/Modify klicken
- auf "Click here to edit..." klicken
- runterscrollen zu "Include static (from extensions)"
- dort dann die Lightbox anklicken und speichern

P.S. Ein lesbarer Beitrag könnte die Wahrscheinlichkeit, dass in Zukunft jemand eher bereits ist, dir zu antworten, immens erhöhen.

catwiesel · #4 19.10.07, 08:14

Hallo,

ich bin zwar nicht ein Profi, aber mach auch mal folgendes:

nimm den Haken bei "Klick vergrößern" raus, denn das deaktiviert das Plugin und nutzt die JavaScript Variante. Dann sollte es gehen.

Zitat:

Hier sieht man dass ich Lightbox und Klick vergrößern ausgewählt habe wie es mir empfohlen wurde.
Ich habe nun leider nicht das gewünschte Ergebniss , dass das Bild mit Lightbox öffnet , sondern den dass er es in einem einfachen Javascript Popup öffnet.

Falls das nicht so sein sollte, weis ich leider acuh nichts genaueres mehr. Bei mir kommt die Installation erst die nächsten Tage, jedoch nachgelesen hier:

kj_imagelightbox: YAML, TYPO3 und Ecommerce

niquito · #5 22.10.07, 09:32

Danke für die Infos und sorry wegen dem unleserlichen Beitrag ! Der Tip mit include from static war richtig und es funktioniert jetzt grundsätzlich im IE.

Ich habe nun folgendes Problem , da er scheinbar die Bildgröße im Firefox nicht auslesen kann. Aber seht selbst.

Im Internet Explorer zeigt er mir das Ganze richtig an , jedoch hat die Verlinkung zu den Bildern nicht richtig.

Problem gelöst:

Ich hatte in TemplaVoila im Template Object noch die Headerzeilen eingebunden , die ich früher mal eingebunden hatte um Lightbox generell zu testen. Es waren die Zeilen wo ich zu den Java-Script-Pfaden von Lightbox verlinkt habe.

Ich glaube ich habe das ganze jetzt geschafft . Wenn wer fragen zu dem Ganzen haben sollte, dem kann ich hier gerne helfen. Das Grundsätzliche kann ich schon .

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
KJ: Image Lightbox v2	LeXuS	Alle anderen Extensions	3	22.04.08 08:23
Wasserzeichen in KJ: Image Lightbox v2?	Green3	TYPO3 4.x Fragen und Probleme	7	14.04.08 17:09
Image Lightbox v2 und flash	bernhardwendt	Alle anderen Extensions	3	26.02.08 06:48
Image Lightbox v2	Sebi_Eda	Alle anderen Extensions	0	17.10.07 13:14
Image Lightbox v2 konfigurieren	daniela23	Alle anderen Extensions	2	26.02.07 12:32

Suche

Userpanel