https://www.contao-community.de/show...l=1#post171120
getestet?!?!?
zonky
https://www.contao-community.de/show...l=1#post171120
getestet?!?!?
zonky
Also so ganz kapier ich das nicht.
In einem Artikel lege ich den ce_slider an Anfang > Inhalteselemente > Ende.
Ich lege ein Template im Template Ordner ab "ce_slider_html_header.tpl" und "ce_slider_css_header.tpl"
In einem anderen Artikel lege ich den ce_slider an Anfang > Inhalteselemente > Ende.
Ich lege ein Template im Template Ordner ab "ce_slider_html_news.tpl" und "ce_slider_css_news.tpl"
Nun werden mir im frontend zwar beide angezeigt aber es sind nun keine Effekte mehr aktiv. Außerdem hast du geschriben, das es 3 Dateine sind ich habe aber nur 2 in der ZIP-Datei gefunden.
Oder geht das doch anders?
Gruß
Christian
Geändert von startknopf (12.03.2012 um 08:02 Uhr)
Hallo,
gibt es zum Thema "Pause" bzw. "Anhalten bei Mouseover" etwas neues?
Ich finde, das ist das einzige, was zu völliger Perfektion fehlt :-)
Viele Grüße,
Thomas
Hallo,
ich hab folgendes problem ich habe das Update zu Contao 2.11.3 durchgeführt und nun geht mein Slider nicht mehr also js. datein werden im Code angezeigt und wenn ich ce Silder Anfang und Ende raus nehem sehe ich wieder das was der anzeigen soll.
Gibt es da änderungen im js. oder muss ich im Contao System was umstellen da mit der wieder slidet und anzeigt?
Hallo zusammen,
bin ebenso schwer begeistert! Besteht irgendwie die Möglichkeit mehrere Conentelemente direkt nebeneinander im ce_slider darzustellen? Dachte da an so etwas:
<navleft><content1><content2><content3<navright>
Am Besten wäre es (zumindest bei Bildern), wenn dann z.B. bei der Auswahl des content1 Elementes dieses zentriert dargestellt wird, und die beiden Anderen vll noch teilweise zu sehen sind.
Hallo Community,
ich will ein Thema nochmals aufgreifen, weil ich mit der hier beschriebenen Lösung irgendwie nicht weiter komme. Es geht mir darum, die Navigationselemente "ce_slider_controls_elements" über den Slider drüber zu stellen.
Hierzu ist in diesem Thread zu finden:
So weit kann ich's auch nachvollziehen. Nur wenn ich das mache, wird die Navigation bei mir gar nicht mehr ausgegeben. Konkret sieht mein Template jetzt so aus:
... im Frontend bleibt dann nur noch meine neu geschaffene, leere <div> über:Code:<div class="slidernav"> <?php if($this->Controls && $this->Controls_Elements): ?> <div id="ce_slider_controls_elements"> <ul><li class="ce_slider_nav_hide">Navigation</li></ul> </div> <?php endif; ?> </div> <?php if($this->Output == 'start'): ?> <div class="ce_slider block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>> <div id="ce_slider_itemsholder"> <?php else: ?> <?php if($this->Controls && $this->Controls_NextPrev): ?> <div id="ce_slider_controls_nextprev"> <div id="ce_slider_prev_btn"><</div> <div id="ce_slider_next_btn">></div> </div> <?php endif; ?> </div> </div> <?php endif; ?>
Kann sich (bzw. mir ) jemand erklären, warum das so ist?HTML-Code:<div class="slidernav"> </div> <div class="ce_slider block" style="margin-top:20px; margin-bottom:30px;"> <div id="ce_slider_itemsholder"> <div class="ce_text ce_slider_item block" id="anchor1"> . . .
Danke (auch schon mal fürs Lesen von dem ganzen Zeug hier),
Michael
pack die Sache mal auf eine Testseite, damit man sich die Sache ansehen kann - ansonsten ist das "Blindflug"...
Gruss zonky
müsstes probieren die Sache so hinzubekommen
<navleft><IE><content1><content2><content3></IE><navright>
IE == InhalteElement (ist kein Quelltext -soll nur Prinzip darstellen)
da man m.E. nicht mehrere Elemente im Slider verschachteln kann, probier mal die drei content1,2,3 in ein Inhaltselemet und content4,5,6 in das nächste z.B. per Insert-tag
zonky
Klar doch: bittesehr! <klick>
Wie Sie sehen, sehen Sie nichts... ;-)
Gruß,
Michael
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!
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?
Geändert von xkoy (03.08.2012 um 13:18 Uhr)
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.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
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!
Geändert von beckso (11.03.2013 um 15:48 Uhr)
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.
Geändert von Willi Wild (19.07.2016 um 16:18 Uhr)
Ein z-index:0 könnte schon ausreichen
PHP-Code:
/* CSS */
.ce_slider .image_container {
margin: 0;
padding: 0;
position: relative;
z-index: 0;
}
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
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>
Geändert von Andreas (10.08.2016 um 15:53 Uhr)
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
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.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)