| Infos zum Tutorial / was wird benötigt |
|---|
- TS Slider Grafik - jquery.min.js Die Slider Grafik ist unbeschriftet (Blank). |
| Schritt für Schritt |
|---|
1. Lade die Datei jquery.min.js in den Ordner include/designs/mar_xantur . 2. Lade Dir die TS Slider Grafik in den Ordner include/designs/mar_Xantur/images/ . 3.Öffne die Index.htm.Füge über </head> folgendes Script ein : <script type="text/javascript" src="include/designs/mar_Xantur/jquery.min.js"></script>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
$("a#ToogleSidebar1").click().toggle(function() {
$('#sidebar1').animate({
width: 'hide',
opacity: 'hide'
}, 'slow');
}, function() {
$('#sidebar1').animate({
width: 'show',
opacity: 'show'
}, 'fast');
});
});
-->
</script>Füge anschließend nach <body> folgendes Code ein :<div id="ts_slid" class="ts_slid" style=" right: -245px; width: 316px; position: fixed; top: 122px; background: url(include/designs/mar_Xantur/images/tsserver_xantur.png) repeat scroll 0% 0% transparent; height: 594px; z-index: 999;" > <div style="position:absolute;top:9px;left:86px;width:214px;height:576px;overflow:auto; color:#ffffff;">TS-Code</div></div>Anstelle von "TS-Code" musst Du den TSCode eingeben,den Du bei tsviewer.com erstellen kannst. Als letztes trage folgendes Script über </body></html> ein : <script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider1()
{
if(state==1){
$('#ts_slid').animate({width: 316 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
$('#ts_slid').click(function(){
changeSlider1();
});
</script>4. Wiederhole Schritt 3. in der index_forum.htm.Wenn alles aus diesem Tutorial übernommen wurde,sollte sich rechts auf Deiner Seite der TsSlider befinden. . |