Hi,
ich habe einen Nivo Slider für meine Homepage nach diesem Video 400 Bad Request']YouTube eingefügt. Der funktioniert soweit auch super. ich habe nur zwei probleme:
1) die pfeile zur navigation der slideshow sind immer sichtbar und erscheinen nicht nur wenn ich mit der maus über das bild fahre.
2) die punkte unterhalb des sliders zur navigation sind nicht sichtbar. hier mein code:
HEAD:
HTML
- <link rel="stylesheet" href="files/default.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="files/nivo-slider.css" type="text/css" media="screen" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
- <script src="files/jquery.nivo.slider.pack.js" type="text/javascript"></script>
HTML:
HTML
- <div class="slider-wrapper theme-default">
- <div id="slider" class="nivoSlider">
- <img src="files/Frontbanner_Qualität.jpg" alt="" />
- <a href="http://www.lobsterandlemonade.com/shop"><img src="files/Home.jpg" alt="" title="#Home" /></a>
- <img src="files/Logos_Groß.jpg" alt="" />
- </div>
- </div>
- <div id="Home" class="nivo-html-caption">
- <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
- </div>
- <script type="text/javascript">
- $(window).load(function() {
- $('#slider').nivoSlider({
- effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
- slices: 15, // For slice animations
- boxCols: 8, // For box animations
- boxRows: 4, // For box animations
- animSpeed: 500, // Slide transition speed
- pauseTime: 3000, // How long each slide will show
- startSlide: 0, // Set starting Slide (0 index)
- directionNav: true, // Next & Prev navigation
- controlNav: true, // 1,2,3... navigation
- controlNavThumbs: false, // Use thumbnails for Control Nav
- pauseOnHover: true, // Stop animation while hovering
- manualAdvance: false, // Force manual transitions
- prevText: 'Prev', // Prev directionNav text
- nextText: 'Next', // Next directionNav text
- randomStart: false, // Start on a random slide
- beforeChange: function(){}, // Triggers before a slide transition
- afterChange: function(){}, // Triggers after a slide transition
- slideshowEnd: function(){}, // Triggers after all slides have been shown
- lastSlide: function(){}, // Triggers when last slide is shown
- afterLoad: function(){} // Triggers when slider has loaded
- });
- });
- </script>
Könnte mir jmd bitte helfen . Vielen Dank im Voraus!!!