Kunze: Probleme mit einbinden von Circle Query

SELF-Forum

Probleme mit einbinden von Circle Query

Kunze
– Informationen zu den Bewertungsregeln

Ich möchte circle Query einbinden um Bilder nebeneinander anzeigen zu lassen, quasi ein Laufband.

Ich habe circle2 genommen und über die api angepasst:

hier läuft es einbandfrei:

http://jsfiddle.net/k5Ary/

doch wenn ich den gleichen Code bei mir zuhause laufen lasse, wird nicht die ganzen Bilder neben einander angezeigt sondern nur eines, das dann wechselt.

hie rist der ganze Code, inklusive HTML:

  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
     "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Titel</title>  
  
  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>  
<script type="text/javascript" src="http://malsup.github.io/jquery.cycle2.js"></script>  
<script type="text/javascript" src="http://malsup.github.io/jquery.cycle2.carousel.js"></script>  
  
<script type="text/javascript">  
$.fn.cycle.defaults.autoSelector = '.slideshow';  
  
$(document).ready(function() {  
    $('.slideshow').cycle({  
		slideResize: false,  
		speed:  '3000',  
		fluid :true,  
		visible: 7,  
	    timeout: 2000,  
		fx: 'carousel' // choose your transition type, ex: fade, scrollUp, shuffle, etc...  
	  
	});  
});  
</script>  
  
  
</head>  
<body>  
  
<div class="slideshow" >  
    <img alt="" src="http://malsup.github.io/images/beach1.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach2.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach3.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach4.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach5.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach6.jpg">  
    <img alt="" src="http://malsup.github.io/images/beach7.jpg">  
</div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln