Ich habe es nach dieser Anleitung gemacht:
http://cssglobe.com/post/3783/jquery-plu…-content-slider
Hier die Homepage wo es eingebaut ist, aber nicht klappt ...
http://lackiererei-petrich.de/cms
Jetzt der Code der Index.html aus dem Template Blue Vison:
<!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" xml:lang="de" lang="de">
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider.js"></script>
<?php page_header(); ?>
<!-- || Template powered by cms2day -
www.cms2day.de || -->
</head>
<body id="top">
<div id="layer">
<div id="container">
<div id="headline">
<table width="100%" cellspacing="0" cellpadding="0" summary="text">
<tr>
<td width="50%" valign="middle" align="left"><?php page_claim(); ?></td>
<td width="50%" valign="middle" align="right"><?php page_datum(); ?></td>
</tr>
</table>
</div>
<div id="slider">
</div>
<div id="subheader"></div>
<div id="fullmenu">
<?php page_fullmenu("0","true","false"); ?>
</div>
<div id="content">
<div id="seite">
<?php page_seite(); ?>
</div>
<div id="text">
<?php page_content(); ?>
</div>
</div>
<div id="cleaner"> </div>
</div>
Jetzt die CSS:
layer {
width: 980px;
position: relative;
overflow: hidden;
text-align: left;
height: auto;
background: #fff url(../images/body.jpg) repeat-y;
margin: 0px auto;
padding: 0px;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{
width:500px;
height:200px;
overflow:hidden;
}
span#prevBtn{}
span#nextBtn{}
#container {