17.10.07, 14:42
|
| Forum Zuschauer | | Registriert seit: 17.10.07 Alter: 24
Beiträge: 3
| |
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&file=uploads%2Fpics%2FWasserlilien_01.jpg&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=e11610fc9ebe3d55a1b22515d08d5cfc" onclick="openPic('index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2FWasserlilien_01.jpg&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&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>
Geändert von david (19.10.07 um 03:45 Uhr).
Grund: Template wurde seitlich gestreckt.
|