Das mag sein, aber ich denke ich habe erst einmal Grundsätzliches Javascript Problem...
Nein, das dortige Problem ist ein reines Problem mit einem CSS-Selektor den die Selekor-Engine von jQuery (Sizzle) verarbeitet.
Hier habe ich sie laut API umgewandelt und angepasst, trotzdem werden sie nicht angenommen. Es ist gar so als sind sie nicht einmal da.
Das nachfolgende ist ein JavaScript-Problem, genauer gesagt ein jQuery-Problem:
<!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>Titel</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle2.js"></script><script type="text/javascript">
$('.cycle-slideshow').cycle({
fx:'fadeout',
timeout:3000,
next:'next',
fx:'scrollHorz',
speed:300
});
</script>
Hier wurde das cycle-Plugin "instanziert" und ausgeführt - $('.cycle-slideshow') trifft aber auf nichts was bisher in deinem Quelltext vorkommt zu.
</head>
<body><div class=center><a href=# id=next>Next</a></div>
<div class="cycle-slideshow" >
<img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p2.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p3.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p4.jpg">
</div>
Hier erst ist überhaupt das nötige HTML vorhanden, das JavaScript ist aber schon gelaufen und hat nix gefunden, drum wird auch nix damit gemacht.
</body>
</html>
Hier wären jetzt ein paar jQuery-Grundlagen von Vorteil:
<http://api.jquery.com/ready/>
btw: XHTML 1.0 Strict ist dein HTML ebenfalls nicht ;)