Chome, FF setzte nur "hidden" ein.. kurios. Aber is eh wurscht, mein Test is vorbei Der Slider is dafür ausgelegt in einem Fenster zu sliden sieht man auf meinem Test
Chome, FF setzte nur "hidden" ein.. kurios. Aber is eh wurscht, mein Test is vorbei Der Slider is dafür ausgelegt in einem Fenster zu sliden sieht man auf meinem Test
danke für eure lösungen ! @xkoy danke fuer die muehe und dein beispiel!!!
nur 2 fragen noch; wenn width 100prozent... wäre da viel zum umbauen nötig ?
@zonky.. extern ansteuern wäre natuerlich die sauberere lösung... wie müsste ich da die navipunkte ansprechen ? bzw. auch mit viel gescripte nötig ? also zu umfangreich meinich !!
DANKE
Also ich habe heute länger rungebastelt, bevor du den ce_slider nimmst, der ja für Fenster Optik ausgelegt ist, baust das lieber von hand. Bzw. gibt ja genug fertige Skripte...
Schau mal hier, ist aber jquery, sollt aber kein thema sein:
http://www.kevinleary.net/build-hulu...ry-cycle-css3/
oder das:
http://musca.se/full-window-width-jq...t-slider-demo/ (Klick auf die blauen links, und leg den Schalter um, sehr coole Sache)
oder auf github:
https://github.com/ckhampus/fluid-content-slider
Gibts auch als DL paket, müsstest im CSS auf 100% width stellen.
Geändert von xkoy (27.10.2011 um 06:59 Uhr)
guckst du http://www.contao-community.de/showt...l=1#post162672
verschachtele Menüs wirst Du nicht haben (wollen) - dann geh per Mootools durch deine Menü-Liste und mach einen click-Event
... ich würde ein HTML-Modul per Hand basteln und den LIs eine Id mitgeben - dann kann man die Sache leicht in Moto anfassen siehe mein Scriptbeispiel
gruss zonky
@xkoy:
Bug oder feature?? die div-Container haben vor dem Sliden ein left:700px und nach dem Sliden ein left:9999px bzw. -9999px
FF 7.0.x
zonky
Nee das ist vom ce_slider... Weil der ja normalerweise in einem Fenster angezeigt wird, d.h. der Rest ist ja nicht sichtbar.
ich habe es quasie freigelegt, darum sieht man das so... habe am JS nix gemacht, kenn mich da nich so aus, und weiß auch nich wo ich da anfangen soll...
Im Menu zurück klicken geht gut, da fahren die komplett raus, aber wenn man von vorne anfängt, springt die dahinter auf.
Die 700px nimmt er denke ich mal aus den Slider einstellungen im BE... dort habe ich 700px Breite, müsste man aushebeln aber wie/wo ?
hmm... so in etwa - m.E. folgender Ablauf
im JS-Template wird
var myItems = $$('.ce_slider_item'); zugewiesen und
...
items: myItems
...
im Slider Script Zeile 126 wird in der Schleife
self.options.items.each(function(el, i){
die Breite des Sliders ermittelt und zugewiesen
hier könntest Du ansetzen...
zonky
Ah ok, da werd ich mal reinschauen, muss mich mal mit mootools auseinandersetzen, aber man findet ja allzuviel deutsche Sachen, leider.
teste ich gleich mal.
Ja da fehlt ein "NICHT"
hm welches Script meinst du ? zeile 126? Ich bin nur im JS template...
... neee
im Slider-Script => zieh mal das Paket runter: unter /plugins gibts /plugins/ce_slider/ce_slider.js
Ahh da is ja noch eine .js Datei
Aber weiß jetzt nicht genau was ich wie ändern soll, weiß nich wie man da genau das einträgt.
self.options.items.each(function(-9999, i)
???
Code:... //setup items (a.k.a. slides) from list self.options.items.each(function(el, i){ //f.y.i. el = the element, i = the index el.setStyle('position', "absolute"); var itemH = el.getSize().y; var itemW = el.getSize().x; if(self.options.orientation == 'vertical'){ el.setStyle('top', (-1 * itemH)); el.setStyle('left', 0); }else if(self.options.orientation == 'none') { el.setStyle('left', 0); el.setStyle('top', 0); el.set('opacity', 0); }else{ // nicht vertikal ist horizontal... el.setStyle('left', -9999); } ....
el.setStyle('left', -9999);
zonky
ok ich muss gzop ausmachen, dann nimmt er die .js datei.
Soweit geht das schonmal sehr gut! Das einzigste problem ist noch die position von den "wartenden" Inhalten, die starten genauso RECHTS und LINKS, die tauchen also quasie mittendrinn auf...
oder man muss leere Divs platzieren...
Geändert von xkoy (27.10.2011 um 11:14 Uhr)
sorry an die gz zips hatte ich nicht mehr gedacht...
guck mal in slideIt Zeile ab 274...
ich würde mal im Firebug ein Break setzen und gucken was da für Werte stehen
Jetzt bin ich überfordert
eher geraten als gewusst:
if(self.options.fade == true){item_in.start({'opacity':[0,1],'left' : [newX, 0]});}
ich würds mal mit newX mit 9999 bzw. -9999 probieren
Funkt leider nicht
aber hier funkts, zumindest jetzt nur in eine Richtung:
//now get item to slide in using new index
var newItem = self.options.items[self.options.itemNum];
if(self.direction == 0){
var curX = self.options.container.getSize().x;
var newX = (-3 * newItem.getSize().x);
var curY = self.options.container.getSize().y;
var newY = (-1 * newItem.getSize().y);
}
Diese -3 gibt die ne zeit an ?
ouhh ha... sorry für die Ansage: JS Basics sollten auf den nächsten Lern-Wunsch-Zettel... ;-)
probiermal
Code://now get item to slide in using new index var newItem = self.options.items[self.options.itemNum]; var mySize = 9999; if(self.direction == 0){ var curX = self.options.container.getSize().x; var newX = (-1 * mySize); var curY = self.options.container.getSize().y; var newY = (-1 * newItem.getSize().y); } else{ var curX = (-1 * self.options.container.getSize().x); var newX = mySize; var curY = (-1 * self.options.container.getSize().y); var newY = newItem.getSize().y; }
zur Frage was macht die eins?
Gegenfrage: wie mache ich aus einer positiven Zahl eine negative? ;-)
MINUS
Ok nun gehts, sehr geil!
Ja will mir das reinziehn, aber gibt kein Buch auf deutsch... Evtl. hast du ein paar Tips wo ich anfange, außer google
Ok cool, dann habe ich jetzt ein Pflegbaren fullwidth Slider, echt cool
Der bleibt ein tick lange draußen, das kommt durch die 9999 oder, bis der die abgefahren hat dauerts ein wenig, 2600 sollten für jede monitorgröße reichen oder
korrekte Antwort: multipliziert mit -1
die "9999" sollten sich eher an der Größe des Brwoserfensters orientieren - das kann man abfragen mit getSize() => musst nur noch das richtige Element wählen...
zu JS:
* selfhtml
* gallileo openbook
guck mal bei isotope.com - sieht auch ganz nett aus
@xkoy
deine beispielseite ist im grunde genau das was ich möchte... könntest du vielleicht nen schritt für schritt anleitung geben was du alles abändern musstet ?
das wäre wirlich klasse...würde dich auch "entlohnen", falls es zu aufwändig wäre!
Danke schonmal im voraus
als Anregung: http://www.charliegentle.co.uk/ klickt z.B. mal auf "web design"
das "nachziehen" der Überschrift geht auch mit dem slider - man muss dann aber schon tiefer in das Sliderscript einsteigen... Die entsprechnde Seite ist noch nicht online - kommt aber im Nov.
zonky
... und Nachtrag zu Mootools:
* http://www.contao-community.de/showt...ng-zu-MooTools
* http://www.peterkroener.de/neue-arti...im-ueberblick/
@all.. ok habe es nun soweit hinbekommen mit der navigation und hab mich mit "nur" fade effekt entschieden... da das sliden net so toll aussieht wenn width nicht 100%.
nur 1was bekomme ich nich gebacken.... wenn ich den 2ten navipunkt anklicke.. springt der weiter runter.. der soll aber die position behalten... bei "Home" funktioniert das komischer weise so wie ich das will!!
hier der link: http://web96.s1.udvp.de/
alles hübsch... FF 7
nur der Fade-Effekt mit den Kachheln gefällt mir nicht so besonders - ggf. kleinere Kacheln
aber wenn du ganz "oben" bist und dann auf z.b über uns klickst... dann "springt" der doch weiter runter oder nich ?...ausser bei "home" hab auch FF7
PS: ja des is nur Testpage.. des mit den kacheln schaut net so gut aus weil der schatten mit"faded" der mus extra in div rein... dann kommts besser :-)
jezt weiß ich was du meinst... hatte unten auf die bullets geklickt - hmmm...
ich glaube das "muss so sein" - der browser springt eben zum Anker - und der ist an der Stelle....
probieren: machmal drei anker ganz oben auf die Seite - per Modul => ggf. springt der Browser nur zum ersten Anker
...desweiteren kann ich leider keinen rotator und text benutzen .. in meinem fall "Coin slider"
wenn ich z.b einen artikel anlege "text" und in diesem per insert tag das modul "coin slider" einsetze... dann baut der mir alle sliderpics untereinander auf.. anstatt übereinander !!
siehe screenshot:
guck mal in den Quelltext!!!
Home hat link auf #anchor0
deine DIV gehen bei id="anchor1" los.... daher funzt es
"Das Anker: seine Aufzucht und Pflege": http://de.selfhtml.org/html/verweise...tern.htm#anker
hmmmm
ok das hab ich gecheckt danke :-)
nun fällt jemanden was ein wieso das mit dem rotator nicht funzt per inserttag !
ich möchte es im prinzip so.. in jedem artikel ein anderer Header bzw. headerslider "zwecks passende fotos.. zur passenden kategorie)
schade das es net geht so wie das akkordeon wie es angesprochen wurde.. z.b start slider - Artikel 1, artikel 2 artikel 3 - End slider.. dann nochmal start slider - artikel 4 - artikel 5 - artikel 6 - End Slider
Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)
Lesezeichen