Ich blicke nicht mehr durch bei der Konfiguration von carouFredSel. Vor längerer Zeit hatte ich mal einen Slider als Modul zum Laufen gebracht. Damals habe ich meine Inhaltselemte (Bild) mit Umschlag-Anfang und -Ende bei der Konfiguration eingetragen. Jetzt will ich aber was anderes realisieren. Ich brauche eine Galerie mit Vorschaubilder-Karussel. Ich will unten immer 3 Vorschaubilder haben und einfach alle Bilder eines Verzeichnisses im Karussel haben. Die Bilder habe ich deshalb jetzt nicht in der Konfiguration hinterlegt sondern im Inhaltselement carouFredSel-Galerie. Da es nicht funktioniert hat (es wird nichts angezeigt, keine Thumbnails, kein Bild zu sehen), habe ich für den Anfang die Vorschaubilder rausgenommen um die Sache erst mal zu vereinfachen. Der Quelltext sieht dann so aus:
HTML-Code:
<div class="ce_caroufredsel_gallery last block">
<div class="caroufredsel_skin" id="caroufredsel_skin_6">
<div class="caroufredsel" id="caroufredsel_6">
<div class="caroufredsel_gallery" id="caroufredsel_gallery_6_0">
<figure class="image_container">
<img src="files/applaus/bilder/impressionen/restaurant_1.jpg" width="332" height="500" alt="restaurant 1">
</figure>
</div>
<div class="caroufredsel_gallery" id="caroufredsel_gallery_6_1">
<figure class="image_container">
<img src="files/applaus/bilder/impressionen/restaurant_2.jpg" width="500" height="332" alt="restaurant 2">
</figure>
</div>
<div class="caroufredsel_gallery" id="caroufredsel_gallery_6_2">
<figure class="image_container">
<img src="files/applaus/bilder/impressionen/restaurant_3.jpg" width="500" height="332" alt="restaurant 3">
</figure>
</div>
<div class="caroufredsel_gallery" id="caroufredsel_gallery_6_3">
<figure class="image_container">
<img src="files/applaus/bilder/impressionen/restaurant_4.jpg" width="500" height="332" alt="restaurant 4">
</figure>
</div>
<div class="caroufredsel_gallery" id="caroufredsel_gallery_6_4">
<figure class="image_container">
<img src="files/applaus/bilder/impressionen/restaurant_5.jpg" width="332" height="500" alt="restaurant 5">
</figure>
</div>
</div>
<div class="clearfix"></div>
<div class="caroufredsel_controls" id="caroufredsel_controls_6">
<div class="caroufredsel_navi" id="caroufredsel_navi_6">
<a class="caroufredsel_prev" id="caroufredsel_prev_6" href="#"><span>Zurück</span></a>
<a class="caroufredsel_next" id="caroufredsel_next_6" href="#"><span>Vorwärts</span></a>
</div>
</div>
Allerdings bekomme ich nichts angezeigt, weil die Breite bei allen Elementen 0 ist und die Höhe auch zu klein. Was muss ich denn da wo eingeben, wenn ich eine prozentuale Breite und Höhe für den Anzeigebereich der Bilder haben will? Muss ich das über CSS machen oder geht das in der Konfiguration? Bei "Größe des Karussells" habe ich für die Breite "flüssig" eingegeben und 50%. Höhe "automatisch". Welchem Element muss ich die Größe und Position des gewünschten Anzeigebereichs zuweisen?
Lesezeichen