Suche
Teilen
startseite » forum

EXT: imagecarousel kein rel im Link

  • 0 x
    120 Beiträge
    0 Hilfreiche Beiträge
    06. 09. 2010, 15:57

    Ich würde die Ext gerne mit einer Lightbox statt dem häßlichen PopUp versehen.
    Installiert habe ich PMKSLIMBOX und diese funktioniert soweit mit der chgallery super.

    Nun gibt es das Klick-Enlage Feld im Inhalselement imagecarousel allerdings führt dieses nicht zum erwünschten Effekt. Auch vermisse ich in der HTML Ausgabe das "rel" Attribut im Link.

    Wie kann ich das Problem lösen?

    -> Webseite mit der EXT: http://www.digitale-fotografien.com/preis-leistung/hochzeit/

  • 1
  • devx devx
    Padawan
    0 x
    42 Beiträge
    0 Hilfreiche Beiträge
    09. 09. 2010, 10:41

    Hallo,

    du musst ein/das statische Template "pmkslimbox" VOR "imagecarousel" einbinden,
    sonst bekommst du nur Popups statt der Lightbox.

    MfG André

  • 0 x
    120 Beiträge
    0 Hilfreiche Beiträge
    09. 09. 2010, 13:20

    Mh also ich habe pmkslimbox garnicht als static template eingebunden was mehr oder minder mit dem JS gewirr zu tun hat was u.a. dadurch entsteht.

    Schaue ich mir aber den Quellcode der Seite an wird die Slimbox vor dem Carousel eingebunden sollte also ansich nicht das problem sein?

    1. <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8de6a8942a.css" media="all" />
    2. 	<link rel="stylesheet" type="text/css" href="fileadmin/includes/style.css" media="all" />
    3.  
    4. 	<link rel="stylesheet" type="text/css" href="typo3conf/ext/pmkslimbox/res/styles/slimbox.css" media="all" />
    5. 	<link rel="stylesheet" type="text/css" href="typo3conf/ext/rgaccordion/res/rgaccordion1.css" media="all" />
    6. 	<script src="typo3conf/ext/wt_socialbookmarks/files/add2favourite.js" type="text/javascript"></script>
    7. 	<script src="typo3conf/ext/t3mootools/res/mootools_v1.2.1.js" type="text/javascript"></script>
    8. 	<script src="typo3conf/ext/pmkslimbox/res/scripts/slimbox.js" type="text/javascript"></script>
    9. 	<script src="typo3conf/ext/rgaccordion/res/rgaccordion1.js" type="text/javascript"></script>
    10. 	<script src="typo3temp/javascript_a1cb3a5978.js" type="text/javascript"></script>
    11.  
    12. 	<meta name="google-site-verification" content="Z0nasXBZzfcvnOGIOzhaH5nBJcPjN6Z713LSJSQJhts" />
    13. 	<title>Hochzeit Fotograf in Essen</title>
    14. 	<meta name="title" content="Hochzeit Fotograf in Essen" />
    15. 	<meta name="keywords" content="Hochzeit, Fotograf, Essen" />
    16. 	<meta name="description" content="Ihr Hochzeit Fotograf in Essen und Umgebung. Wir begleiten Ihre Hochzeit bereits ab € 129,-" />
    17. 	<meta name="date" content="2010-09-06" />
    18. 	<script type="text/javascript">
    19. 	/*<![CDATA[*/
    20. 	<!--
    21. 	Slimbox.scanPage = function() {var links = $$("a").filter(function(el) {return el.rel && el.rel.test(/^lightbox/i);});$$(links).slimbox({resizeDuration: 400, resizeTransition: Fx.Transitions.Sine.easeInOut, opacity: 0.8, opacityDuration: 500, loop: 1, initialWidth: 250, initialHeight: 250, animateCaption: 1, showCounter: 1, enablePrintButton: 0, enableSaveButton: 0,counterText: 'Seite  {x} von {y}', psScriptPath: 'typo3conf/ext/pmkslimbox/savefile.php'}, null, function(el) {return (this == el) || ((this.rel.length > 8-) && (this.rel == el.rel));});};window.addEvent("domready", Slimbox.scanPage);
    22. 	// -->
    23. 	/*]]>*/
    24. 	</script>
    25. 	<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
    26.  
    27. 	<script src="typo3conf/ext/imagecarousel/res/jquery/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    28. 	<script src="typo3conf/ext/imagecarousel/res/jquery/js/jquery.jcarousel-0.2.4.pack.js" type="text/javascript"></script>
    29. 	<script src="typo3conf/ext/imagecarousel/res/jquery/js/imagecarousel-1.2.1.js" type="text/javascript"></script>
    30. 	<script src="typo3conf/ext/imagecarousel/res/jquery/js/jquery.easing-1.3.js" type="text/javascript"></script>
    31. 	<link rel="stylesheet" href="typo3conf/ext/imagecarousel/res/skins/tango/skin.css" type="text/css" />
    32. 	<style type="text/css">
    33. 	#c468 .jcarousel-clip-horizontal {
    34. 	width: 400px;
    35. 	}
    36. 	#c468 .jcarousel-container-horizontal {
    37. 	width: 400px;
    38. 	}
    39. 	#c468 .jcarousel-clip-vertical {
    40. 	height: 400px;
    41. 	}
    42. 	#c468 .jcarousel-container-vertical {
    43. 	height: 400px;
    44. 	}
    45. 	#imagecarousel_c468-outer {
    46. 	display: none;
    47. 	}
    48. 	#c468 .jcarousel-item {
    49. 	width: auto;
    50. 	height: 75px;
    51. 	}
    52. 	</style>
    53.  
    54. 	<script type="text/javascript">
    55. 	/*<![CDATA[*/
    56. 	<!--
    57. 	function openPic(url,winName,winParams)	{	//
    58. 	var theWindow = window.open(url,winName,winParams);
    59. 	if (theWindow)	{theWindow.focus();}
    60. 	}
    61. 	// -->
    62. 	/*]]>*/
    63. 	</script>

  • devx devx
    Padawan
    0 x
    42 Beiträge
    0 Hilfreiche Beiträge
    09. 09. 2010, 23:26

    Die stylesheets und js-dateinen von pmkslimbox werden zwar referenziert,
    aber die Bildlinks in deiner Gallery sehen so aus

    1. <a onclick="openPic('...')">

    statt
    1. <a rel="...">

    Wenn du schon irgendwo (im Root-Template?) pmkslimbox eingebunden hast,
    dann passiert dieser Effekt nur, wenn es zuspät eingebunden wurde. (nach dem Carousel)

    Eventuell kollidiert pmslimbox (was mootools als JS-Bibliothek verwendet) mit anderen Extensions.
    Zum Beispiel rgaaccordion oder t3mootols.
    Da hilft nur trial and error, Ext-Templates der Reihe nach deaktivieren bis es klappt.

    Viel Erfolg

  • 1
Präsentiert von