Habe auf meiner Seite den s3slider als header eingefügt und eine animierte Navigation darunter las Navigation. Beide funktionieren problemlos alleine, aber zusammen immer nur einer. Es funktioniert immer der, der im head als letztes eingefügt wurde. Kann es sein, dass der code der beiden untereinander zu einem Problem führt?
Hier mal der code:
HTML
- SLIDER:
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <!-- CSS -->
- <style type="text/css" media="screen">
- #slider1 {
- width: 820px; /* important to be same as image width */
- height: 600px; /* important to be same as image height */
- position: relative; /* important */
- overflow: hidden; /* important */
- }
- #slider1Content {
- width: 820px; /* important to be same as image width or wider */
- position: absolute;
- top: 0;
- margin-left: 0;
- }
- .slider1Image {
- float: left;
- position: relative;
- display: none;
- }
- .slider1Image span {
- position: absolute;
- font: 12px/15px arial, tahoma, geneva, verdana, sans-serif;
- padding: 20px 20px 0px 20px;
- width: 694px;
- background-color: #434343;
- filter: alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- opacity: 0.7;
- color: #fff;
- display: none;
- }
- .clear {
- clear: both;
- }
- .slider1Image span strong {
- font-size: 14px;
- }
- .left {
- top: 0;
- left: 0;
- width: 230px !important;
- height: 100px;
- }
- ul { list-style-type: none;}
- </style>
- <!-- JavaScripts-->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="s3Slider.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#slider1').s3Slider({
- timeOut: 6000
- });
- });
- </script>
- NAVIGATION:
- <link href="css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
- <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
- <script type="text/javascript" src="js/webwidget_menu_glide.js"></script>
Vielen Dank für eure Hilfe!
