So - ich habe mir erlaubt, das super Tool von Hetfield auf "Chef-Wunsch" zu erweitern.
Es sind jetzt rechts und links kleine Pfeile dran, um manuell weiter zu schalten. Außerdem kann man die rechts und links Bewegung auch mit dem Mausrad steuern.
Wenn es interessiert:
Folgende Ergänzungen habe ich vorgenommen:
in der Datei products_treadmill.js nach
speed: 2500,
(ACHTUNG: Komma ergänzen!)
folgendes einfügen (beim letzten Eintrag dann kein Komma):
btnNext: ".next", btnPrev: ".prev", mouseWheel: true
in der Datei products_treadmill.html vor und nach dem <div Block> der die {foreach}-Schleife enthält jeweils einen Button einfügen - z.B. so ähnlich:
<button class="prev"> </button>
<ul>{foreach....}....{/foreach}</ul>
<button class="next"> </button>
Evtl. muss man hier die Formatierung anpassen, damit die Buttons rechts und links auftauchen.
Die Formatierung für ...class="prev" könnte z.B. in der treadmill.css vorgenommen werden.
button.prev {
display: block;
width: 16px;
height: 20px;
border: 0px;
background: #fff url(../buttons/german/prev.gif) center no-repeat;
}
Falls man die Bedienung mit dem Mausrad möglich machen möchte, dann jquery.mousewheel.js besorgen (google!) und in der Datei general.js.php einbinden:
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.mousewheel.js" type="text/javascript"></script>
Weitere Anregungen, was sich mit jcarousellite anstellen lässt, findet man z.B. hier:
jcarousellite Beispiele
Viel Spass damit und Danke an Hetfield für diese coole Erweiterung!
(Dateianhang Link)
Prima...
ich darf auch mal was nützliches hier posten!
jquery.mousewheel.3.0.2.zip hier angehängt.
lade die Dateien
jquery.mousewheel.js
jquery.mousewheel.min.js
nach
/templates/xtc5/javascript/
danach wie oben erwähnt
/templates/xtc5/javascriptgeneral.js.php
öffnen und suche nach:
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#tabbed_product_info").tabs();
$("#accordion_product_info").accordion({ autoHeight: false });
});
</script>
<noscript>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/no_javascript.css" type="text/css" media="screen" />
</noscript>
<?php
}
?>
füge darunter folgendes ein.
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.mousewheel.js" type="text/javascript"></script>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.mousewheel.min.js" type="text/javascript"></script>
Bei mir hat's prima funktioniert!
