PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Teaser-Slider von Gambio soll immer durchlaufen



Warendorf2012
17.08.2012, 16:09
Hallo,

ich habe noch einmal eine Frage an euch und hoffe, das ihr mir vielleicht diesmal helfen könnt :-)

Also bei Gambio gibt es ja den Teaser-Slider.

Und da habe ich das Problem, das wenn man mit der Maus auf dem Slider ist, das dieser dann NICHT mehr weiter geht.

Leider lesen viele Leute mit der Maus und sind darum immer im Slider. Dann geht der Slider leider nicht weiter.

Habt ihr einen Tipp für mich ?

VIELEN DANK !

Ich habe wieder einen Slider im Testshop gemacht, damit ihr wisst was ich meine.

11111 - Index (http://116537.webhosting37.1blu.de/Gambio2/index.php)

Also NICHT auf den Slider mit der Maus, sonst läuft es nicht.

Die Frage ist, wieso dies so ist ?

Vielleicht habt ihr ja einen Tipp für mich ?

DANKE !:)

KlausK
18.08.2012, 10:58
Schau mal in /templates/DEIN-TEMPLATE/boxes/box_gm_scroller.html

Dort findest du folgenden Eintrag:

onmouseover="gmScroller.set_stop(1)

Setze die 1 auf 0.

Dir ist aber bewusst, dass diese Scroller sehr rechenintensiv sind?

Warendorf2012
20.08.2012, 06:19
Hallo,

das heißt du würdest eher von einem Einsatz abraten ????

Ich hatte diese Slider bei vielen Shops gesehen. Meinst du jetzt es ist eher schlecht für Kunden die noch kein DSL haben oder meinst du es auch aus SEO Sicht wegen Google ?

Wir haben jetzt auch "nur" DSL 6.000 aber da ist die Seite sofort geladen. Auch nach dem leeren von dem Cache aus dem Browser.

KlausK
20.08.2012, 09:52
Jetzt muss ich doch nochmal fragen. Meinst du unten links die Scrollbox "News" oder oben
den Teaser, der die Kreditkarten "durch wirft"?

Ich bin jetzt nur von der Scrollbox ausgegangen, weil ich den Teaser oben nicht gesehen
hatte.

"rechenintensiv" hat nichts mit der Bandbreite zu tun. Die liegt in Deutschland mittlerweile
bei über 10 Mbit/s. Das wäre ja nicht schlecht. Aber gleichzeitig haben 12,5% immernoch
weit weniger als 2 Mbit/s! (Quelle BITKOM)

Mit "rechenintensiv" meinte ich aber die vielen alten PC's die immernoch in deutschen
Wohnzimmern stehen! Ich habe hier einen 7 Jahre alten Test-Rechner stehen. Wenn ich
deinen Shop unter IE geöffnet habe, läuft der Text deiner Scrollbox noch recht flüssig.
Bewege ich nun aber die Maus, fängt der Text an zu hakeln! Das zeigt, wieviel Recourcen
(Rechnerleistung) eine solche Box frist.

Warendorf2012
20.08.2012, 11:32
Hallo,

ja genau meinte den Teaser mit den Kreditkarten. Hatte dafür nur irgendwelche Bilder genommen.

Ist denn das da auch so, das ich die 1 auf 0 setzen muss ? Wo ist denn da der Code ?

Jetzt was ich auch was du meinst mit rechenintensiv. Das ist mir gar nicht aufgefallen, weil ich hier eh immer vor einem neueren Rechner sitze. Werde die Seite dann auch mal an einem alten Rechner anschauen.

Aber der Teaser ist nicht rechenintensiv ? Oder ist es da genau das gleiche ?

Muss mir gleich auch erst mal aus deiner Signatur den MySQL Dumper ansehen.

Ich hatte in den Testshops auch schon mal das Problem, das ich trotz Backup den alten zustand nicht wiederherstellen konnte.

Wie sieht es eigentlich bei einem Umzug aus ? Ich hatte letzten das Problem, das ich in einem anderen Unterverzeichnis etwas getestet habe und dann die Domain auf das Verzeichnis geleitet habe. Dann war aber das Verzeichnis falsch. Kann sowas der MySQL Dumper auch ?

Also der Test war z.B. auf www.test.de/Shop/TEST
Dann habe ich die Domain auf den Ordner TEST umgeleitet. Der Shop hat aber immer noch das Verzeichnis /Shop/ angefügt.

Da hatte ich bei 1blu angerufen und gefragt, ob ich dieses in der Datenbank von Hand umändern kann.

Diese sagten mir nur das es nicht geht.

KlausK
20.08.2012, 12:50
Das ist beim GX2 das "JCarousel". Verantwortlich ist, vermute ich, das jquery.jcarousel.js in /gm/javascript/jquery/plugins/jcarousel/.
Genau kann ich dir die Frage aber nicht beantworten, da ich mich damit bisher nicht befasst habe.

Aber auch das ist nur ein Javascript das auf deinem Rechner ausgeführt wird und je nach Umfang ebenfalls entsprechend Recourcen verbraucht.
Diese Teaser haben zwar sicher eine Existenzberechtigung. Ob sie aber jeder braucht, steht auf einem anderen Blatt.

Für alles andere bitte einen neuen Thread aufmachen, im richtigen Thema.

Warendorf2012
20.08.2012, 14:36
Hallo,

also habe nach dem onmouseover gesucht und nichts gefunden.

Das einzigste was in Zeile 19 war, hieß stopped :confused: Ist das für das anhalten zuständig ?


/*!

*/
/*<?php
if($GLOBALS['coo_debugger']->is_enabled('uncompressed_js') == false)
{
?>*/
(function(i){var q={vertical:false,rtl:false,start:1,offset:1,size: null,scroll:3,visible:null,animation:"normal",easing:"swing",auto:0,wrap:null,initCallback:null,reloadCallback :null,itemLoadCallback:null,itemFirstInCallback:nu ll,itemFirstOutCallback:null,itemLastInCallback:nu ll,itemLastOutCallback:null,itemVisibleInCallback: null,itemVisibleOutCallback:null,buttonNextHTML:"<div></div>",buttonPrevHTML:"<div></div>",buttonNextEvent:"click",buttonPrevEvent:"click",buttonNextCallback:null,buttonPrevCallback:null, itemFallbackDimension:null},r=false;i(window).bind ("load.jcarousel",function(){r=true});i.jcarousel=function(a,c){thi s.options=i.extend({},q,c||{});this.autoStopped=th is.locked=false;this.buttonPrevState=this.buttonNe xtState=this.buttonPrev=this.buttonNext=this.list= this.clip=this.container=null;if(!c||c.rtl===undef ined)this.options.rtl=(i(a).attr("dir")||i("html").attr("dir")||"").toLowerCase()=="rtl";this.wh=!this.options.vertical?"width":"height";this.lt=!this.options.vertical?this.options.rtl? "right":"left":"top";for(var b="",d=a.className.split(" "),f=0;f<d.length;f++)if(d[f].indexOf("jcarousel-skin")!=-1){i(a).removeClass(d[f]);b=d[f];break}if(a.nodeName.toUpperCase()=="UL"||a.nodeName.toUpperCase()=="OL"){this.list=i(a);this.container=this.list.parent() ;if(this.container.hasClass("jcarousel-clip")){if(!this.container.parent().hasClass("jcarousel-container"))this.container=this.container.wrap("<div></div>");this.container=this.container.parent()}else if(!this.container.hasClass("jcarousel-container"))this.container= this.list.wrap("<div></div>").parent()}else{this.container=i(a);this.list=this .container.find("ul,ol").eq(0)}b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('<div class=" '+b+'"></div>');this.clip=this.list.parent();if(!this.clip.leng th||!this.clip.hasClass("jcarousel-clip"))this.clip=this.list.wrap("<div></div>").parent();this.buttonNext=i(".jcarousel-next",this.container);if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext = this.clip.after(this.options.buttonNextHTML).next( );this.buttonNext.addClass(this.className("jcarousel-next"));this.buttonPrev=i(".jcarousel-prev",this.container);if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev =this.clip.after(this.options.buttonPrevHTML).next ();this.buttonPrev.addClass(this.className("jcarousel-prev"));this.clip.addClass(this.className("jcarousel-clip")).css({overflow:"hidden",position:"relative"});this.list.addClass(this.className("jcarousel-list")).css({overflow:"hidden", position:"relative",top:0,margin:0,padding:0}).css(this.options.rtl?"right":"left",0);this.container.addClass(this.className("jcarousel-container")).css({position:"relative"});!this.options.vertical&&this.options.rtl&&this.container.addClass("jcarousel-direction-rtl").attr("dir","rtl");var j=this.options.visible!==null?Math.ceil(this.clipp ing()/this.options.visible):null;b=this.list.children("li");var e=this;if(b.size()>0){var g=0,k=this.options.offset;b.each(function(){e.form at(this,k++);g+=e.dimension(this, j)});this.list.css(this.wh,g+100+"px");if(!c||c.size===undefined)this.options.size=b.si ze()}this.container.css("display","block");this.buttonNext.css("display","block");this.buttonPrev.css("display","block");this.funcNext=function(){e.next()};this.funcPrev =function(){e.prev()};this.funcResize=function(){e .reload()};this.options.initCallback!==null&&this.options.initCallback(this,"init");if(!r&&i.browser.safari){this.buttons(false,false);i(wind ow).bind("load.jcarousel",function(){e.setup()})}else this.setup()}; var h=i.jcarousel;h.fn=h.prototype={jcarousel:"0.2.7"};h.fn.extend=h.extend=i.extend;h.fn.extend({setup :function(){this.prevLast=this.prevFirst=this.last =this.first=null;this.animating=false;this.tail=th is.timer=null;this.inTail=false;if(!this.locked){t his.list.css(this.lt,this.pos(this.options.offset) +"px");var a=this.pos(this.options.start,true);this.prevFirst =this.prevLast=null;this.animate(a,false);i(window ).unbind("resize.jcarousel",this.funcResize).bind("resize.jcarousel",this.funcResize)}}, reset:function(){this.list.empty();this.list.css(t his.lt,"0px");this.list.css(this.wh,"10px");this.options.initCallback!==null&&this.options.initCallback(this,"reset");this.setup()},reload:function(){this.tail!==null&&this.inTail&&this.list.css(this.lt,h.intval(this.list.css(this. lt))+this.tail);this.tail=null;this.inTail=false;t his.options.reloadCallback!==null&&this.options.reloadCallback(this);if(this.options. visible!==null){var a=this,c=Math.ceil(this.clipping()/this.options.visible),b=0,d=0; this.list.children("li").each(function(f){b+=a.dimension(this,c);if(f+1<a.first)d=b});this.list.css(this.wh,b+"px");this.list.css(this.lt,-d+"px")}this.scroll(this.first,false)},lock:function(){t his.locked=true;this.buttons()},unlock:function(){ this.locked=false;this.buttons()},size:function(a) {if(a!==undefined){this.options.size=a;this.locked ||this.buttons()}return this.options.size},has:function(a,c){if(c===undefi ned||!c)c=a;if(this.options.size!==null&&c>this.options.size)c=this.options.size;for(var b= a;b<=c;b++){var d=this.get(b);if(!d.length||d.hasClass("jcarousel-item-placeholder"))return false}return true},get:function(a){return i(".jcarousel-item-"+a,this.list)},add:function(a,c){var b=this.get(a),d=0,f=i(c);if(b.length===0){var j,e=h.intval(a);for(b=this.create(a);;){j=this.get (--e);if(e<=0||j.length){e<=0?this.list.prepend(b):j.after(b);break}}}else d=this.dimension(b);if(f.get(0).nodeName.toUpperCa se()=="LI"){b.replaceWith(f);b=f}else b.empty().append(c);this.format(b.removeClass(this .className("jcarousel-item-placeholder")), a);f=this.options.visible!==null?Math.ceil(this.cl ipping()/this.options.visible):null;d=this.dimension(b,f)-d;a>0&&a<this.first&&this.list.css(this.lt,h.intval(this.list.css(this. lt))-d+"px");this.list.css(this.wh,h.intval(this.list.css(thi s.wh))+d+"px");return b},remove:function(a){var c=this.get(a);if(!(!c.length||a>=this.first&&a<=this.last)){var b=this.dimension(c);a<this.first&&this.list.css(this.lt,h.intval(this.list.css(this. lt))+b+"px");c.remove();this.list.css(this.wh,h.intval(this.l ist.css(this.wh))- b+"px")}},next:function(){this.tail!==null&&!this.inTail?this.scrollTail(false):this.scroll((t his.options.wrap=="both"||this.options.wrap=="last")&&this.options.size!==null&&this.last==this.options.size?1:this.first+this.opt ions.scroll)},prev:function(){this.tail!==null&&this.inTail?this.scrollTail(true):this.scroll((thi s.options.wrap=="both"||this.options.wrap=="first")&&this.options.size!==null&&this.first==1?this.options.size:this.first-this.options.scroll)},scrollTail:function(a){if(!( this.locked|| this.animating||!this.tail)){this.pauseAuto();var c=h.intval(this.list.css(this.lt));c=!a?c-this.tail:c+this.tail;this.inTail=!a;this.prevFirs t=this.first;this.prevLast=this.last;this.animate( c)}},scroll:function(a,c){if(!(this.locked||this.a nimating)){this.pauseAuto();this.animate(this.pos( a),c)}},pos:function(a,c){var b=h.intval(this.list.css(this.lt));if(this.locked| |this.animating)return b;if(this.options.wrap!="circular")a=a<1?1:this.options.size&&a>this.options.size?this.options.size:a;for(var d= this.first>a,f=this.options.wrap!="circular"&&this.first<=1?1:this.first,j=d?this.get(f):this.get(this.last ),e=d?f:f-1,g=null,k=0,l=false,m=0;d?--e>=a:++e<a;){g=this.get(e);l=!g.length;if(g.length===0){g=t his.create(e).addClass(this.className("jcarousel-item-placeholder"));j[d?"before":"after"](g);if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size)){j=this.get(this.index(e));if(j .length)g=this.add(e,j.clone(true))}}j=g;m=this.di mension(g);if(l)k+= m;if(this.first!==null&&(this.options.wrap=="circular"||e>=1&&(this.options.size===null||e<=this.options.size)))b=d?b+m:b-m}f=this.clipping();var p=[],o=0,n=0;j=this.get(a-1);for(e=a;++o;){g=this.get(e);l=!g.length;if(g.le ngth===0){g=this.create(e).addClass(this.className ("jcarousel-item-placeholder"));j.length===0?this.list.prepend(g):j[d?"before":"after"](g);if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size)){j=this.get(this.index(e));if(j .length)g= this.add(e,j.clone(true))}}j=g;m=this.dimension(g) ;if(m===0)throw Error("jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...");if(this.options.wrap!="circular"&&this.options.size!==null&&e>this.options.size)p.push(g);else if(l)k+=m;n+=m;if(n>=f)break;e++}for(g=0;g<p.length;g++)p[g].remove();if(k>0){this.list.css(this.wh,this.dimension(this.list) +k+"px");if(d){b-=k;this.list.css(this.lt,h.intval(this.list.css(th is.lt))-k+"px")}}k=a+o-1;if(this.options.wrap!="circular"&& this.options.size&&k>this.options.size)k=this.options.size;if(e>k){o=0;e=k;for(n=0;++o;){g=this.get(e--);if(!g.length)break;n+=this.dimension(g);if(n>=f)break}}e=k-o+1;if(this.options.wrap!="circular"&&e<1)e=1;if(this.inTail&&d){b+=this.tail;this.inTail=false}this.tail=null;i f(this.options.wrap!="circular"&&k==this.options.size&&k-o+1>=1){d=h.margin(this.get(k),!this.options.vertical?"marginRight":"marginBottom");if(n-d>f)this.tail=n-f-d}if(c&&a===this.options.size&&this.tail){b-=this.tail;this.inTail= true}for(;a-- >e;)b+=this.dimension(this.get(a));this.prevFirst=t his.first;this.prevLast=this.last;this.first=e;thi s.last=k;return b},animate:function(a,c){if(!(this.locked||this.an imating)){this.animating=true;var b=this,d=function(){b.animating=false;a===0&&b.list.css(b.lt,0);if(!b.autoStopped&&(b.options.wrap=="circular"||b.options.wrap=="both"||b.options.wrap=="last"||b.options.size===null||b.last<b.options.size||b.last==b.options.size&&b.tail!==null&&!b.inTail))b.startAuto();b.buttons();b.notify("onAfterAnimation"); if(b.options.wrap=="circular"&&b.options.size!==null)for(var f=b.prevFirst;f<=b.prevLast;f++)if(f!==null&&!(f>=b.first&&f<=b.last)&&(f<1||f>b.options.size))b.remove(f)};this.notify("onBeforeAnimation");if(!this.options.animation||c===false){this.list .css(this.lt,a+"px");d()}else this.list.animate(!this.options.vertical?this.opti ons.rtl?{right:a}:{left:a}:{top:a},this.options.an imation,this.options.easing,d)}},startAuto:functio n(a){if(a!==undefined)this.options.auto=a;if(this. options.auto===0)return this.stopAuto(); if(this.timer===null){this.autoStopped=false;var c=this;this.timer=window.setTimeout(function(){c.n ext()},this.options.auto*1E3)}},stopAuto:function( ){this.pauseAuto();this.autoStopped=true},pauseAut o:function(){if(this.timer!==null){window.clearTim eout(this.timer);this.timer=null}},buttons:functio n(a,c){if(a==null){a=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="first"||this.options.size===null||this.last<this.options.size);if(!this.locked&&(!this.options.wrap||this.options.wrap== "first")&&this.options.size!==null&&this.last>=this.options.size)a=this.tail!==null&&!this.inTail}if(c==null){c=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="last"||this.first>1);if(!this.locked&&(!this.options.wrap||this.options.wrap=="last")&&this.options.size!==null&&this.first==1)c=this.tail!==null&&this.inTail}var b=this;if(this.buttonNext.size()>0){this.buttonNext.unbind(this.options.buttonNextE vent+".jcarousel",this.funcNext);a&&this.buttonNext.bind(this.options.buttonNextEvent+ ".jcarousel",this.funcNext);this.buttonNext[a?"removeClass":"addClass"](this.className("jcarousel-next-disabled")).attr("disabled",a?false:true);this.options.buttonNextCallback!==n ull&&this.buttonNext.data("jcarouselstate")!=a&&this.buttonNext.each(function(){b.options.buttonNe xtCallback(b,this,a)}).data("jcarouselstate",a)}else this.options.buttonNextCallback!==null&&this.buttonNextState!=a&&this.options.buttonNextCallback(b,null,a);if(this. buttonPrev.size()>0){this.buttonPrev.unbind(this.options.buttonPrevE vent+ ".jcarousel",this.funcPrev);c&&this.buttonPrev.bind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev);this.buttonPrev[c?"removeClass":"addClass"](this.className("jcarousel-prev-disabled")).attr("disabled",c?false:true);this.options.buttonPrevCallback!==n ull&&this.buttonPrev.data("jcarouselstate")!=c&&this.buttonPrev.each(function(){b.options.buttonPr evCallback(b,this,c)}).data("jcarouselstate",c)}else this.options.buttonPrevCallback!==null&&this.buttonPrevState!=c&&this.options.buttonPrevCallback(b, null,c);this.buttonNextState=a;this.buttonPrevStat e=c},notify:function(a){var c=this.prevFirst===null?"init":this.prevFirst<this.first?"next":"prev";this.callback("itemLoadCallback",a,c);if(this.prevFirst!==this.first){this.callbac k("itemFirstInCallback",a,c,this.first);this.callback("itemFirstOutCallback",a,c,this.prevFirst)}if(this.prevLast!==this.last) {this.callback("itemLastInCallback",a,c,this.last);this.callback("itemLastOutCallback",a,c,this.prevLast)}this.callback("itemVisibleInCallback", a,c,this.first,this.last,this.prevFirst,this.prevL ast);this.callback("itemVisibleOutCallback",a,c,this.prevFirst,this.prevLast,this.first,this. last)},callback:function(a,c,b,d,f,j,e){if(!(this. options[a]==null||typeof this.options[a]!="object"&&c!="onAfterAnimation")){var g=typeof this.options[a]=="object"?this.options[a][c]:this.options[a];if(i.isFunction(g)){var k=this;if(d===undefined)g(k,b,c);else if(f===undefined)this.get(d).each(function(){g(k,t his,d,b,c)});else{a=function(m){k.get(m).each(func tion(){g(k, this,m,b,c)})};for(var l=d;l<=f;l++)l!==null&&!(l>=j&&l<=e)&&a(l)}}}},create:function(a){return this.format("<li></li>",a)},format:function(a,c){a=i(a);for(var b=a.get(0).className.split(" "),d=0;d<b.length;d++)b[d].indexOf("jcarousel-")!=-1&&a.removeClass(b[d]);a.addClass(this.className("jcarousel-item")).addClass(this.className("jcarousel-item-"+c)).css({"float":this.options.rtl?"right":"left","list-style":"none"}).attr("jcarouselindex",c);return a},className:function(a){return a+" "+a+(!this.options.vertical? "-horizontal":"-vertical")},dimension:function(a,c){var b=a.jquery!==undefined?a[0]:a,d=!this.options.vertical?(b.offsetWidth||h.intv al(this.options.itemFallbackDimension))+h.margin(b ,"marginLeft")+h.margin(b,"marginRight"):(b.offsetHeight||h.intval(this.options.itemFallb ackDimension))+h.margin(b,"marginTop")+h.margin(b,"marginBottom");if(c==null||d==c)return d;d=!this.options.vertical?c-h.margin(b,"marginLeft")-h.margin(b,"marginRight"):c-h.margin(b,"marginTop")-h.margin(b,"marginBottom");i(b).css(this.wh, d+"px");return this.dimension(b)},clipping:function(){return!this .options.vertical?this.clip[0].offsetWidth-h.intval(this.clip.css("borderLeftWidth"))-h.intval(this.clip.css("borderRightWidth")):this.clip[0].offsetHeight-h.intval(this.clip.css("borderTopWidth"))-h.intval(this.clip.css("borderBottomWidth"))},index:function(a,c){if(c==null)c=this.options. size;return Math.round(((a-1)/c-Math.floor((a-1)/c))*c)+1}});h.extend({defaults:function(a){return i.extend(q,a||{})},margin:function(a,c){if(!a)retu rn 0; var b=a.jquery!==undefined?a[0]:a;if(c=="marginRight"&&i.browser.safari){var d={display:"block","float":"none",width:"auto"},f,j;i.swap(b,d,function(){f=b.offsetWidth});d.ma rginRight=0;i.swap(b,d,function(){j=b.offsetWidth} );return j-f}return h.intval(i.css(b,c))},intval:function(a){a=parseIn t(a,10);return isNaN(a)?0:a}});i.fn.jcarousel=function(a){if(type of a=="string"){var c=i(this).data("jcarousel"),b=Array.prototype.slice.call(arguments,1);return c[a].apply(c,b)}else return this.each(function(){i(this).data("jcarousel", new h(this,a))})}})(jQuery);
/*<?php
}
else
{
?>*/
/*global window, jQuery */
(function($) {
// Default configuration properties.
var defaults = {
vertical: false,
rtl: false,
start: 1,
offset: 1,
size: null,
scroll: 3,
visible: null,
animation: 'normal',
easing: 'swing',
auto: 0,
wrap: null,
initCallback: null,
reloadCallback: null,
itemLoadCallback: null,
itemFirstInCallback: null,
itemFirstOutCallback: null,
itemLastInCallback: null,
itemLastOutCallback: null,
itemVisibleInCallback: null,
itemVisibleOutCallback: null,
buttonNextHTML: '<div></div>',
buttonPrevHTML: '<div></div>',
buttonNextEvent: 'click',
buttonPrevEvent: 'click',
buttonNextCallback: null,
buttonPrevCallback: null,
itemFallbackDimension: null
}, windowLoaded = false;

$(window).bind('load.jcarousel', function() { windowLoaded = true; });

/**
* The jCarousel object.
*
* @constructor
* @class jcarousel
* @param e {HTMLElement} The element to create the carousel for.
* @param o {Object} A set of key/value pairs to set as configuration properties.
* @cat Plugins/jCarousel
*/
$.jcarousel = function(e, o) {
this.options = $.extend({}, defaults, o || {});

this.locked = false;
this.autoStopped = false;

this.container = null;
this.clip = null;
this.list = null;
this.buttonNext = null;
this.buttonPrev = null;
this.buttonNextState = null;
this.buttonPrevState = null;

// Only set if not explicitly passed as option
if (!o || o.rtl === undefined) {
this.options.rtl = ($(e).attr('dir') || $('html').attr('dir') || '').toLowerCase() == 'rtl';
}

this.wh = !this.options.vertical ? 'width' : 'height';
this.lt = !this.options.vertical ? (this.options.rtl ? 'right' : 'left') : 'top';

// Extract skin class
var skin = '', split = e.className.split(' ');

for (var i = 0; i < split.length; i++) {
if (split[i].indexOf('jcarousel-skin') != -1) {
$(e).removeClass(split[i]);
skin = split[i];
break;
}
}

if (e.nodeName.toUpperCase() == 'UL' || e.nodeName.toUpperCase() == 'OL') {
this.list = $(e);
this.container = this.list.parent();

if (this.container.hasClass('jcarousel-clip')) {
if (!this.container.parent().hasClass('jcarousel-container')) {
this.container = this.container.wrap('<div></div>');
}

this.container = this.container.parent();
} else if (!this.container.hasClass('jcarousel-container')) {
this.container = this.list.wrap('<div></div>').parent();
}
} else {
this.container = $(e);
this.list = this.container.find('ul,ol').eq(0);
}

if (skin !== '' && this.container.parent()[0].className.indexOf('jcarousel-skin') == -1) {
this.container.wrap('<div class=" '+ skin + '"></div>');
}

this.clip = this.list.parent();

if (!this.clip.length || !this.clip.hasClass('jcarousel-clip')) {
this.clip = this.list.wrap('<div></div>').parent();
}

this.buttonNext = $('.jcarousel-next', this.container);

if (this.buttonNext.size() === 0 && this.options.buttonNextHTML !== null) {
this.buttonNext = this.clip.after(this.options.buttonNextHTML).next( );





VIELEN DANK FÜR DEINE HILFE !!!