Thorsten: Einpassung des Scriptes ist das Problem...

Beitrag lesen

Ein paar CSS-Grundlagen könnten dir nicht schaden, damit wäre dein Problem in Null Komma Josef gelöst.

Das mag sein, aber ich denke ich habe erst einmal Grundsätzliches Javascript Problem...

Beispiel:

das sind die Anweisungen...

<div class="cycle-slideshow"  
    data-cycle-fx="fadeout"  
    data-cycle-timeout="3000"  
    data-cycle-next="#next"  
    data-cycle-manual-fx="scrollHorz"  
    data-cycle-manual-speed="300"  
    >

aus: http://jquery.malsup.com/cycle2/demo/manualFx.php

Hier habe ich sie laut API umgewandelt und angepasst, trotzdem werden sie nicht angenommen. Es ist gar so als sind sie nicht einmal da. Da kann ich rumtesten wie ich will, wenn das Script von Haus aus keine Änderunge annimmt, helfen dann auch die CSS Anweisungen nichts.

  
<!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>  
  
</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>  
  
</body>  
</html>