Seite 1 von 11
Gemeinschaft uCoz » Für Webmaster » Tools & Scripts » Mehrere Slider einfügen (Teamspeak und Facebook und und als Slider rechts an der page)
Mehrere Slider einfügen
mogli
Beiträge: 43
Ruf: 0
Beitrag # 1 | 18:27
Hallo Leute ich habe hier schon mal gefunden wie man einen slider einbindet in die homepage . http://tgd-clan09.de
Jetzt möchte ich mehrere slider untereinander einbinden,wenn ich dies mache kann ich nur einen öffnen und nie den zweiten wie muss ich den zweiten ändern das ich sie öffnen kan

hier ist mein1. skript:
Code
<div>
<div id="ts_slider1" class="ts_slider1" style=" left: -200px; width: 257px; position: fixed; top: 10px; background: url(http://188.138.11.148/tgddatei/bild/TSL.png) repeat scroll 100% 0% transparent; height: 691px; z-index: 999;" >
<div style="position:absolute;top:20pt;right:80pt;width:180px;height:691px;overflow:auto";><div id="ts3viewer_944086" style="width:; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=944086&text=ffffff&text_size=10&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 944086, 100);
-->
</script> </div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;

function changeSlider1()
{
if(state==1){
$('#ts_slider1').animate({width: 257 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slider1').animate({width: 510 }, "slow", function(){state = 1;}
);
}

$('#ts_slider1').click(function(){
changeSlider1();
});
</script> </div>


Das ist mein zweiter:

Code
<div>
<div id="ts_slider1" class="ts_slider1" style=" left: -200px; width: 257px; position: fixed; top: 10px; background: url(http://188.138.11.148/tgddatei/bild/FBL.png) repeat scroll 100% 0% transparent; height: 691px; z-index: 999;" >
<div style="position:absolute;top:20pt;right:80pt;width:180px;height:691px;overflow:auto";><div id="ts3viewer_944086" style="width:; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=944086&text=ffffff&text_size=10&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 944086, 100);
-->
</script> </div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;

function changeSlider1()
{
if(state==1){
$('#ts_slider1').animate({width: 257 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slider1').animate({width: 510 }, "slow", function(){state = 1;}
);
}

$('#ts_slider1').click(function(){
changeSlider1();
});
</script> </div>

hoffe es kann mir jemand weiterhelfen

Gruß Mogli

[url=http://www.tgd-clan09.de/]
Beitrag wurde von Kasach - Sonntag, 24.08.2014, 10:13 bearbeitet
Kasach
Beiträge: 714
Ruf: 13
Beitrag # 2 | 10:16
Hey du musst dem 2. Slider ne andere ID zuweisen... Also anstatt von ts_slider1 machst du ts_slider2 oder nennt diesen anders. Hier der fertige Code:

Code
<div>  
<div id="ts_slider2" class="ts_slider2" style=" left: -200px; width: 257px; position: fixed; top: 10px; background: url(http://188.138.11.148/tgddatei/bild/FBL.png) repeat scroll 100% 0% transparent; height: 691px; z-index: 999;" >  
<div style="position:absolute;top:20pt;right:80pt;width:180px;height:691px;overflow:auto";><div id="ts3viewer_944086" style="width:; background-color:;"> </div>  

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>  

<script type="text/javascript">  
<!--  
var ts3v_url_2 = "http://www.tsviewer.com/ts3viewer.php?ID=944086&text=ffffff&text_size=10&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_2, 944086, 100);  
-->  
</script> </div>  
</div>  
<script type="text/javascript">  
var state = 0;  
var wait = false;  

function changeSlider2()  
{  
if(state==1){  
$('#ts_slider2').animate({width: 257 }, "slow", function(){state = 0;}  
);  
}  
else  
$('#ts_slider2').animate({width: 510 }, "slow", function(){state = 1;}  
);  
}

Neu bei der uCoz Gemeinschaft? Lese unseren Willkommens Thread.

Meine Website: Rampage-Gaming
I changed to IPBoard :)
mogli
Beiträge: 43
Ruf: 0
Beitrag # 3 | 15:07
Geht leider nicht ......

hier kannst du es dir mal ansehen

hier nochmal meinen code:
vielleicht habe ich doch was falsch geschrieben.


Noch eine frage kannst du mir statt das ts im 2.slider den code von FB einfügen?

Hier der code von FB:


Danke

[url=http://www.tgd-clan09.de/]
Beitrag wurde von mogli - Sonntag, 24.08.2014, 15:59 bearbeitet
mogli
Beiträge: 43
Ruf: 0
Beitrag # 4 | 11:28
hat sich erledigt habe es selber herausgefunden.....
Für die es interessiert hier der code.

einmal TS linke seite:


und Facebook seite rechts:


Und wer es noch sich ansehen will wie dies aussieht hier unsere Seite

[url=http://www.tgd-clan09.de/]
Gemeinschaft uCoz » Für Webmaster » Tools & Scripts » Mehrere Slider einfügen (Teamspeak und Facebook und und als Slider rechts an der page)
Seite 1 von 11
Suche: