25.10.2014, 13:20
Einen schönen Tag,
ich versuche folgende Slideshow einzubauen: klick
Leider tut sich nichts.
Mein Einbau in der header:
Die slide.mini.js, slides.js und jquery-11.1.1.min.js habe ich im /jscripts-Ordner geladen. Außerdem habe ich eine slides.css erstellt.
Ich hätte es ja gern unter "Programmierung" erstellt, aber da ich noch keine 10 Beiträge habe, war mir das nicht möglich.
ich versuche folgende Slideshow einzubauen: klick
Leider tut sich nichts.
Mein Einbau in der header:
Code:
<!-- Slider Beginn -->
<script src="/jscripts/jquery-1.11.1.min.js"></script>
<script src="/jscripts/slides.min.js"></script>
<link href="{$theme}/slides.css" rel="stylesheet">
<script type="text/javascript">
$(".demo").slides({
// enable/disable thumbnaisl
thumbs: "off",
// enable/disable image captions
slide_title: "on",
// enable/disable dots navigation
markers: "on",
// enable/disable controllers
// which allow to play, pause and stop a carousel
controller: "off",
// enable/disable full width mode
full_width_image: "off"
});</script>
<div class="demo">
<div class="slide_imgs">
<a href="large-1.jpg"><img alt="" data-path="#" src="thumb-1.jpg" title="Image Caption 1"></a>
<a href="large-2.jpg"><img alt="" data-path="#" src="thumb-2.jpg" title="Image Caption 2"></a>
<a href="large-3.jpg"><img alt="" data-path="#" src="thumb-3.jpg" title="Image Caption 3"></a>
<a href="large-4.jpg"><img alt="" data-path="#" src="thumb-4.jpg" title="Image Caption 4"></a>
<a href="large-5.jpg"><img alt="" data-path="#" src="thumb-5.jpg" title="Image Caption 5"></a>
</div>
</div>
<!-- Slider Ende -->
Die slide.mini.js, slides.js und jquery-11.1.1.min.js habe ich im /jscripts-Ordner geladen. Außerdem habe ich eine slides.css erstellt.
Ich hätte es ja gern unter "Programmierung" erstellt, aber da ich noch keine 10 Beiträge habe, war mir das nicht möglich.