View Slideshow anpassen
Eingetragen von danst0 (40)am 06.01.2012 - 05:30 Uhr in
Hallo,
ich würde gerne die Steuerelemente einer Slideshow View anpassen. Mein Beispiel: Ich habe habe mir eine View gebaut in der zwei Artikel (divs) horizontal gescrollt werden. Konkret hätte ich gerne eine alternative Anzeige bei welcher Elementengruppe (es werden ja immer zwei gleichzeitig angezeigt) wir gerade sind. Bisher hatte ich an etwas iPhone-ähnliches gedacht, also mit jeweils einem Punkt pro Gruppe und der aktuelle Punkt ist dann in einer anderen Farbe.
Weiterhin würde ich gerne den Text der Vor- und Zurücklinks gegen Bilder mit Pfeilen austauschen.
Leider habe ich in dieser Richtung im Modul selbst wenig Möglichkeiten zur Anpassung gefunden und die Dokumentation habe ich nicht wirklich verstanden. Muss ich mir für diese Aufgaben wirklich ein eigenes Plugin schreiben?
Daniel
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, für die
am 06.01.2012 - 11:04 Uhr
Hallo,
für die Steuerelemente der Slideshow können die vorgegebenen counter, play, pause usw. verwendet werden. Über CSS können dann die texte per text-indent auf -9999px ausgeblendet werden. Danach die divs mit backround-images versehen und alles sieht aus, wie gewünscht;-)
über die Zustände der divs kannst du divs mittel css ansprechen
am 06.01.2012 - 12:30 Uhr
Schau dir im firebug die Zustande dr divs genaue an.
Dann kannst du die einfach mit css ansprechen.
Und für die Navigation wurde ich die ein stell Möglichkeiten von dem Modul testen.
Wenn nötig Mittel css Hand anlegen.
Danke für die schnellen
am 06.01.2012 - 21:39 Uhr
Danke für die schnellen Antworten.
Die Hälfte hab ich schon. Passt das so?
Erläuterung:
- Pause-Link wird ausgeblendet.
- Next und Previous Links bekommen meinen Hintergrund
- Zuletzt werden die Texte wegverschoben.
span#views_slideshow_controls_text_pause_frontpage_featured-block_1 a {
display: none;
}
span#views_slideshow_controls_text_next_frontpage_featured-block_1 {
background-color: green;
display:inline-block;
width: 100px;
}
span#views_slideshow_controls_text_previous_frontpage_featured-block_1 {
background-color: red;
display:inline-block;
width: 100px;
}
span#views_slideshow_controls_text_next_frontpage_featured-block_1 a,
span#views_slideshow_controls_text_previous_frontpage_featured-block_1 a {
left: -99999px;
position: relative;
}
Jetzt zu meiner Frage:
Ich würde ja noch den Counter gegen Bilder ersetzen. Also ein Bild pro Counterstand. Aber der Counter sieht im HTML so aus:
<div id="views_slideshow_slide_counter_frontpage_featured-block_1" class="views-slideshow-slide-counter views_slideshow_slide_counter"><span class="num">1</span>
of
<span class="total">8</span>
</div>
Das wird etwas schwierig, oder??
Daniel
Hat sich erledigt. Ich musste
am 06.01.2012 - 22:29 Uhr
Hat sich erledigt. Ich musste nur einen Pager ohne weitere Elemente hinzufügen.
Jetzt passt es!
Danke