Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Carousel Problem
#1
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.
Zitieren
#2
Dann hättest Du es ja auch hier einstellen können Wink
"Plugin-Diskussionen
Allgemeine Diskussionen über Modifikationen und Plugins"

=> Thema verschoben
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#3
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. Wink
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#4
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)


Angehängte Dateien Thumbnail(s)
   
Zitieren
#5
Testweise habe ich den Slider noch einmal ausgebaut und dann ist der Rahmen um den Boardname wieder weg.
Zitieren
#6
Dein Links zur css stimmt nicht (dies ist aber nicht der Fehler)

<link href="Array/slides.css" rel="stylesheet">
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
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 Sad
Zitieren
#8
Mach aus {$theme} dies {$theme['imgdir']}
Mit freundlichen Grüßen

MrBrechreiz
Zitieren