hast Du auch die Option der Navigationspunkte angewählt?
zonky
Druckbare Version
hast Du auch die Option der Navigationspunkte angewählt?
zonky
Ja, hab ich. Und ich hab jetzt auch noch eine zweite Demo-Seite hingebastelt, auf der der Slider mit dem Origial-Template läuft:
Original-Template vs. bearbeitetes Template
Alles andere ist identisch.
Anpassung auf die Schnelle per Firebug (ohne Template) in http://test.poppmedien.de/test-original.html:
leider ist die Vergabe von IDs und Klassen im Original recht "gruselig" um es vorsichtig auszudrücken - daher auch die häufig im Forum auftretenden Probleme bei "möchte zwei Slider auf meiner Seite"PHP-Code:
.ce_slider {
background-color: #EDEDED;
left: -55px;
position: absolute;
width: 888px;
}
#ce_slider_controls_elements {
position: absolute;
text-align: left;
}
.ce_hyperlink {
position: absolute;
top: 330px;
}
zonky
Danke Zonky,
die Idee mit der absoluten Positionierung ist nicht schlecht, so kann ich mir zumindest einen Work-around basteln (weil Problem: der Slider hat auf jeder Seite eine andere Höhe und danach folgen meist noch weitere Elemente).
Zum Verständnis hätte mich aber trotzdem noch interessiert, was in diesem Template Verrücktes vorgeht, dass das mit dem verschobenen Block nicht funktioniert. Also falls da noch jemand ne Idee hat: ich bin ganz Ohr! :D
Danke nochmal,
Michael
Hallo Michael,
hmmm dazu müsste ich ins BE und das Template mir nochmal ansehen - oder Du sendes mir Original-Template per Mail zu (PN)...
zonky
Kann man diesen DIV irgendwie löschen?
<div id="ce_slider_controls_elements"><ul><li class="ce_slider_nav_hide">Navigation</li></ul></div>
Im Template ist es ja drinnen, aber danach geht nix mehr :)
Also sobald man das DIV löscht, geht kein Slide mehr, nur Standbild... vielleicht weiss jemand ne Lösung?
Hallo Sabri,
ich würde gern Deine Erweiterung unter 3.0 testen und ggf. Fehler gleich beheben. Gibt es den Quellcode auch in Github, so dass ich Dir die Änderungen zukommen lassen könnte?
Grüße
Thomas
@ contao 3.x
... dann wäre es prima, wenn es nur noch einen übergeordneten Div-Contaimer mit der Modul-ID gibt und der Rest per class (für das CSS) angesteuert wird - dann wären auch mehrere Slider pro Seite möglich... siehe meine Posts und ggf. www.gebit.de
gruss zonky
Hallo,
ist es möglich, die Navigation nicht per Klick sonder bei Mouseover zu bedienen?
Ich habe eine grafische Navigation gebastelt, auf der es zusätlich externe Links gibt. Nun möchte ich den Bildwechsel schon bei Mouseover der Navigationsgrafik aktivieren, nicht erst bei Klick.
Danke und liebe Grüße
Andrea
Je nachdem was du da genau hast, wäre es vielleicht einfacher dafür keinen Slider zu nehmen, sondern die Elemente die du anzeigen möchtest bei Mouseover einfach einzublenden.
Danke für Deine Antwort, theoretisch hast Du damit recht.
Ich hatte vergessen zu erwähnen, dass die Elemente auch zeitgesteuert durchlaufen soll.
@zonky
ich würde gerne mehrere Slider anzeigen lassen. Ich habe deine Datei runtergeladen, dort befinden sich allerdings nur 2 Dateien ist das richtig?
Kannst du mir erklären wie nun die Schritte sind? Ich bin ein Contao-Neuling und dachte zuerst ich müsste mit den neuen Templatedateien bereits vorhandene Dateien überschreiben,
doch ich finde keine Dateien mit dem Namen.
EDIT:
Ok habe die entsprechende Datei gefunden. Verstehe ich es richtig, dass ich nun innerhalb der Template-Dateien die ID's entsprechend des Artikels anpasse?
Sagen wir ich habe 2 Artikel mit jeweils einem CE-Slider.
Artikel1 hat die ID 15
und
Artkel2 hat die ID 16
Und fehlt nicht noch die angepasste Datei für js?
Anhang:
- nach Klick auf die schwarzen kleinen Rechtecke (Ziffernnavigation) ändert sich in dem schwarzen großen Kasten das hintere Bild (wird von einem zweiten Bild überlagert).
- nach Klick auf die grünen kleinen Rechtecke (Ziffernnavigation) ändert sich in dem schwarzen großen Kasten das vordere Bild.
Die grünen kleinen Rechtecke sollten eigtl. die Bilder aus dem zweiten Slider ansteuern, steuern dennoch Bilder aus dem ersten Slider an.
- nach Klick auf die schwarzen Striche werden die Bilder des zweiten sliders an richtiger Position (grüner großer Kasten) geändert.
- Klick auf grüne Striche hat keine Funktion
kann leider momentan die Seite nicht hochladen.
Wie fahre ich nun fort? Der Fehler scheint ja im javascript zu liegen oder?
Danke im Vorraus!
Hallo,
ich möchte, dass der #ce_slider_itemsholder immer eine Höhe von 100% hat und eine max-height von 550px.
Wenn ich das allerdings hier eintrage: #ce_slider_itemsholder { width:100%; max-width:1000px; height:<?php echo $this->height; ?>px; overflow:hidden;} wird der Slider nicht mehr angezeigt. Das Feld für die Größe habe ich bereits aus der tl_content.php gelöscht. Oder ist es vielleicht möglich andere Größeneinheiten einzutragen, wie zum Beispiel em oder %?
ce_slider funktioniert wunderbar, vielen Dank! Aber: der Link der auf dem Bild liegt kann nicht angesprochen werden. Im Code ist der Link da, aber er wird irgenwie überlagert von einem div oder einem Script. Beim Klicken auf das Bild, wird der a:hover-Effekt aktiv. Aber dem Link folgen kann man nicht.
Bin auf Version 2.10.4. ce_slider ist kompatibel und funktioniert, daran liegt es nicht. Hier der Link zu meinem Versuch: http://dev.doklab.ch/home
Was müsste ich unternehmen, dass der Link auf dem Bild brauchbar wird? Danke.
Ein z-index:0 könnte schon ausreichen
PHP-Code:
/* CSS */
.ce_slider .image_container {
margin: 0;
padding: 0;
position: relative;
z-index: 0;
}
Contao 3.5 und das standard Inhaltselement Content-Slider. Die Navigationen hab ich ausgeblendet. Alles ist fast perfekt. Es sollte aber eine Möglichkeit geben, mit Mouseover den Slider zu pausieren. Ein Wunsch ans Standard-Modul wäre eine Einstellung, das zu steuern. Bis dahin aber die Frage, ob man das im Template einstellen kann und wie...
Versuch mal das hier im Template j_slider
Vergleich zum Original https://github.com/contao/core/blob/...j_slider.html5PHP-Code:
<script>
(function($) {
$(document).ready(function() {
var
mySwipe,
swipePos = false,
initSwipe = function(swipePos) {
//console.log('init', swipePos);
$('.ce_sliderStart').each(function(i, cte) {
var s = $('.content-slider')[0],
c = s.getAttribute('data-config').split(',');
mySwipe = Swipe(s, {
// Put custom options here
'auto': parseInt(c[0]),
'speed': parseInt(c[1]),
'startSlide': swipePos || parseInt(c[2]),
'continuous': parseInt(c[3]),
'menu': $('.slider-control')[0]
});
$(cte).hover(
// mouseenter
function(ev){
//console.clear();
//console.log('mouseenter');
mySwipe.stop();
},
// mouseleave
function(ev){
swipePos = mySwipe.getPos();
//console.clear();
//console.log('mouseleave', swipePos);
mySwipe.kill();
initSwipe(swipePos);
}
);
});
}
;
initSwipe();
});
})(jQuery);
</script>
Passt. Herzlichen Dank.
Noch vergessen zu erwähnen: Ist nicht mit multiple Swipes getestet, müsste dann evtl. nachgearbeitet werden. Und: Ich weiß, dass dieses kill() irgendwie nicht schön ist, aber Swipe bietet da leider sehr wenig an. Vielleicht könnte man auch das delay dynamisch erhöhen und wieder zurück setzen.