Hallo zäme
Ich will eine Slideshow 2 in meiner Plone-Seite integrieren. Das will nicht so recht, ich zeige Euch auf, wie ich vorgegangen bin, Ihr könnt mir dann sicher sagen, was ich nicht beachtet habe;-)
Also, eine einfache HTML Seite mit Slideshow2 will ich in Plone integrieren:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Slideshow 2!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript" src="js/slideshow.kenburns.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
// Load your images here
var data = [ "DSC01701.JPG", "DSC01717.JPG", "DSCN5725.JPG" ];
// Initialize the Slideshow instance
var myShow = new Slideshow('show', data, { captions: true, controller: true, delay: 3000, height: 300, hu: 'http://localhost/apache2-default/photos/Peru_2008_-_Punta_Sal/', thumbnails: true, linked: true, width: 400 });
});
</script>
</head>
<body>
<div id="show" class="slideshow">
<a rel="lightbox" href="images/DSC01701.JPG">
[img]images/DSC01701.JPG[/img]
</a>
</div>
</body>
</html>slideshow.css, lightbox.css, mootools.js, slideshow.js, slideshow.kenburns.js und lightbox.js habe ich in meineseite/portal_skins/custom hochgeladen.
slideshow.css und lightbox.css sind in der CSS registry registriert.
mootools.js, slideshow.js, slideshow.kenburns.js und lightbox.js sind habe ich in meineseite/portal_javascripts registriert.
in meineseite/portal_skins/custom habe ich auch ein JS-File myshow.js angelegt und registriert, dortdrin ist:
window.addEvent('domready', function(){
var data = [ 'DSC01701.JPG', 'DSC01717.JPG', 'DSCN5585.JPG' ];
var myShow = new Slideshow('show', data, { captions: true, controller: true, delay: 3000, height: 300, hu: 'images/', thumbnails: true, linked: true, width: 400 });
});diese js habe ich dann mit inline rendering registriert, merging und und caching allowed flags sind nicht aktiviert.
In einem ATDocument habe ich dann, was in der simplen HTML-Seite im body steht:
<div id="show" class="slideshow">
<a rel="lightbox" href="images/DSC01701.JPG">
[img]images/DSC01701.JPG[/img]
</a>
</div>Wenn ich diese Seite mit dem Firefox lade, spuckt mir die Error console folgende zwei Meldungen raus:
Error: window.addEvent is not a function
Source File: http://localhost:8081/myplone1/portal_javascripts/Plone%20Default/myshow.js
Line: 3Error: C has no properties
Source File: http://localhost:8081/myplone1/portal_javascripts/Plone%20Default/mootools.js
Line: 48Nun bin ich ziemlich ratlos, wie ich weiterkomme.
- Ist es möglich, dass Zope window.addEvent nicht mag?
- was ist mit mootools.js nicht gut?
Hoffe jemand kann mir auf die Spur helfen!! Falls Ihr den gesamten Code der generierten Seite sehen müsst, kann ich Euch eine URL geben.
Grüse
Ilipcito[/code]