Hallo!
Ich würde sehr gerne die Hintergrund slide show im meine Webseite einbauen.
Ich habe mir das Javascript runter geladen und in meinen Webseiten-stamm -Ordner gegeben , auch auf den Server hochgeladen.
Die Webseite, auf die ich die slidshow anwenden möchte, habe ich in den "buildinternet-supersized-2ccedfd/slideshow/" Ordner gelegt um keine Verlinkungsprobleme mit der Einbindung der Java Datei zu bekommen.
Auch bei mir erscheind nur ein schwarzer Hintergrund. wie bei Ewald, und ich denke auch das es an der Verlinkung meiner Bilder liegt. Ich habe welche im selben slide Ordner und auch außerhalb.
Ich habe aber schon alles probiert und habe jetzt keine Ideen mehr was ich noch Probieren könnte.
Vielleicht kann mir jemand helfen
Vielen dank!
-------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>
</head>
<body>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 3, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : '<img src="schimmel_pipi.jpg" width="425" height="607" />', title : 'Image Credit: Maria Kazvan', },
{image : '<img src="Rumpelstilzchen04.jpg" width="420" height="356" />', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'Rumpelstilzchen04.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : "schimmel_pipi.jpg" , title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
{image : '<img src="../../bilder/Richtung.jpg" width="352" height="471" />', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-2.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
{image : '../../bilder/Kreutzung_mit_Schatten.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-3.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
]
});
});
</script>
</body>
</html>