Hallo Forum,
ich versuche den bxslider in meine HP einzufügen.
Er läuft auch so weit. Mein Problem ist wie ich den slider positionieren kann. Das heißt er steht jetzt natürlich ganz oben, wie kann ich ihn aber witer nach unten setzten.
Hier der Quellcode:
Danke für eure Tipps.....
ich versuche den bxslider in meine HP einzufügen.
Er läuft auch so weit. Mein Problem ist wie ich den slider positionieren kann. Das heißt er steht jetzt natürlich ganz oben, wie kann ich ihn aber witer nach unten setzten.
Hier der Quellcode:
Danke für eure Tipps.....
HTML:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="lib/jquery.bxslider.css" rel="stylesheet" />
<title>Untitled Document</title>
<!-- jQuery library (served from Google) -->
<script src="//http:ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<ul class="bxslider">
<li><img src="http://forum.jswelt.de/images/1.jpg" /></li>
<li><img src="http://forum.jswelt.de/images/2.jpg" /></li>
<li><img src="http://forum.jswelt.de/images/3.jpg" /></li>
<li><img src="http://forum.jswelt.de/images/4.jpg" /></li>
</ul>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
slideWidth: 600
});
});
</script>
<div id="bxslider" style="position:absolute; left:265px; top:355px; width:730px; height:25px; z-index:7">
</div>
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
