|
   |
| 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 |
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
|
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.
|
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
|
| |||
| |||