Hallo Zusammen,
ich habe ebenfalls die Erweiterung FlexSlider installiert und nun meine Probleme bei der Inbetriebnahme (Conto 3.0.1).
Für meinen Test verwende ich zwei Bilder. Per CSS-Formatierung bekomme ich die Gestaltung des Rahmens hin, allerdings werden keine Bilder angezeigt. Ich habe versucht die Größe des "img" anzupassen, da ich hier meine Fehler vermutet habe. Aber ich bekomme es leider nicht hin. Hier habe ich mal den html Code sowie meine CSS-Formatierung:
HTML:
HTML-Code:
<h1 class="ce_headline">Servus ihr Nulpen</h1>
<!-- indexer::continue -->
<!-- indexer::stop -->
<div class="ce_text block">
<p>Ich freue mich, dass ihr es geschafft habt unsere Website zu besuchen. Die Seite ist dafür gedacht Infos auszutauschen, Termine zu organisieren, und vergangene Treffen zu würdigen. Wenn wir es schaffen, diese Seite ein wenig zu pflegen, dann denke ich haben wir noch sehr lange etwas davon. </p>
</div>
<!-- indexer::continue -->
<!-- indexer::stop --><section class="ce_flexSlider block">
<div class="white">
<div id="startseite" class="flexslider">
<ul class="slides">
<li><img alt="" src="files/fuenf_maenner/Fotos/startseite_Slideshow/Benni%20045.jpg" />
</li>
<li><img alt="" src="files/fuenf_maenner/Fotos/startseite_Slideshow/DSC08755.JPG" />
</li>
</ul>
</div>
</div>
</section>
<script>
$(window).load(function() {
$('#startseite').flexslider({
slideshowSpeed: 3000,
animationSpeed: 600,
animation: "slide",
direction: "horizontal",
controlNav: false,
directionNav: false,
randomize: false,
pauseOnHover: true,
pauseOnAction: true,
useCSS: false,
touch: true
});
});
</script>
<!-- indexer::continue -->
CSS:
Code:
/** Slideshow **/
div.flexslider {
width:200px;
height:200px;
}
ul.flexslider {
width:200px;
height:200px;
}
.startseite img {
width:100%;
height:100%;
}
Vielleicht kann mir jemand bei der CSS-Formatierung oder auf andere Weise helfen.
Vielen Dank!
Lesezeichen