+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Diskussionen (https://www.mybb.de/forum/forum-38.html)
+--- Thema: Carousel Problem (/thread-30832.html)
Carousel Problem - bromance - 25.10.2014
Einen schönen Tag,
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.
RE: Carousel Problem - Jockl - 25.10.2014
Dann hättest Du es ja auch hier einstellen können
"Plugin-Diskussionen
Allgemeine Diskussionen über Modifikationen und Plugins"
=> Thema verschoben
RE: Carousel Problem - StefanT - 25.10.2014
MyBB 1.8.x verwendet bereits jQuery, daher dieses bitte nicht noch einmal (oder gar eine anderen Version) einfügen.
Ein Link zum Forum wäre auch hilfreich, mit "Leider tut sich nichts" kann ich nicht sonderlich viel anfangen.
RE: Carousel Problem - bromance - 25.10.2014
Okay, das jquery habe ich entfernt.
Wenn ich den Quelltext aufrufe, stimmt da irgendetwas nicht.
Code:
<!-- Slider Beginn -->
<script src="/jscripts/slides.min.js"></script>
<link href="Array/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 -->Dort wo die css-Datei aufgerufen werden soll, steht "Array". Mit da tut sich nichts, meine ich das einfach nichts angezeigt wird. Abgesehen davon, dass um den Boardname (Forums) ein "Rahmen" ist, der mir vorher noch nie aufgefallen ist. (siehe Attachment)
RE: Carousel Problem - bromance - 02.11.2014
Testweise habe ich den Slider noch einmal ausgebaut und dann ist der Rahmen um den Boardname wieder weg.
RE: Carousel Problem - MrBrechreiz - 02.11.2014
Dein Links zur css stimmt nicht (dies ist aber nicht der Fehler)
<link href="Array/slides.css" rel="stylesheet">
RE: Carousel Problem - bromance - 02.11.2014
In der Header-Datei habe ich es per
<link href="{$theme}/slides.css" rel="stylesheet">
eingebaut.
Aber wenn das nicht der Fehler ist, dann ist das wohl auch nicht so wichtig
RE: Carousel Problem - MrBrechreiz - 02.11.2014
Mach aus {$theme} dies {$theme['imgdir']}