ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » TS 3 Slider steht fest auf der Seite

Geschlossen
  1. Mo. 10.02.2014 11:36 Uhr #1
    User Pic
    DonJoelRyckers Mitglied
    Registriert seit
    10.02.2014
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    Ich habe ein kleines Problem mit dem TS 3, Warum steht er fest auf der Seite und slidert er nicht nach vorne.

    Auszug aus der index.htm 

     <div id="slider" class="slider" style=" right: 10px; width: 310px; position: fixed; top: 240px; background: url(http://freizeit-gamer.d-f-f-l.de/include/designs/faq4clans/images/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 1500;" >
              
      <div style=" margin-top:50px; margin-left:75px; text-align:left;"><div id="ts3viewer_1011194" style="width:; background-color:;"> </div>

<div id="ts3viewer_1011194" 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=1011194&text=000000&text_size=12&text_family=1&js=1&text_s_color=f5eb3b&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=35f71b&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_color=f53b5a&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=ebda6e&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_color=f2c941&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=f70a26&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=3bf554&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=45ddf5&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, 1011194, 100);
-->
</script>



    verwendete ilch Version: 1.1

    betroffene Homepage: freizeit-gamer.d-f-f-l.de
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 10.02.2014 11:55 Uhr #2
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Wenn das alles ist was Du für den Slider hast, fehlt Dir noch die Funktion.
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 10.02.2014 12:02 Uhr #3
    User Pic
    DonJoelRyckers Mitglied
    Registriert seit
    10.02.2014
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    Oh ja das ist alles. Was denn für eine Funktion? muss ich da noch ne js Datei haben aus dem Viewer Modul?


    Zuletzt modifiziert von DonJoelRyckers am 10.02.2014 - 12:03:10
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 10.02.2014 13:37 Uhr #4
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Die Funktion die den Slider Aus- und wieder Einfahren lässt...

    Ich habe den Dragon Designs Login Slider dafür Missbraucht zwinker
    Bei mir schaut das dann so aus:

    Die Funktion: 
    <script type="text/javascript">
var state = 0;
var wait = false;
 
function changeSlider() {
    if(state==1){
        $('#login_slider').animate({width: 40 }, "slow", function(){state = 0;});
    } else
        $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;});
    }
    $('#login_slider').click(function(){
        changeSlider();
    });
</script>


    Der Div Container: 
    <div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 155px; background:url(/include/images/slider/slider.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 1500;" >
  <div style=" margin-top:20px; margin-left:55px; text-align:left; height:560px; overflow:auto; overflow-x:hidden">
    {_boxes_TS3}
  </div>
</div>


    Der TS Viewer als Box im Ordner:
    include/boxes 
    <div id="ts3viewer_977635" style="width:230px; height:460px; overflow:auto; overflow-x:hidden"> </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=977635&text=FFFFFF&text_size=9&text_family=1&js=1&text_s_color=E78830&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=E78830&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_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_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=E78830&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=E78830&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, 977635, 100);
-->
</script>
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 10.02.2014 14:35 Uhr #5
    User Pic
    DonJoelRyckers Mitglied
    Registriert seit
    10.02.2014
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    so also das erste und 2. gehört ja in die index.htm. und der inhalt in der ts3.php ist so wie du es gepostet hast der komplette inhalt?
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 10.02.2014 14:45 Uhr #6
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Genau so isses...
    0 Mitglieder finden den Beitrag gut.
  7. Di. 18.02.2014 14:32 Uhr #7
    User Pic
    Zak Mitglied
    Registriert seit
    22.10.2012
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    Hallo Zusammen,

    ich habe ein ähnliches Problem. Ich möchte zwei Slider gleichzeitig benutzen.
    Ein Login-Slider und ein TS3-Slider. Beide werden auch angezeigt. Es funktioniert allerdings nur einer und nicht beide zusammen.
    Grüße Zak 

    
<script type="text/javascript" src="include/designs/meindesign/jquery.min.js"></script>
<script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
...
</Body>

//TS-Slider//
<div id="login_slider" class="login_slider" style=" right: 0px; width: 70px; position: fixed; top: 100px;
 background:url(/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
              
<div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;>
       {_boxes_tsviewer}
       </div>
       </div>
   <script type="text/javascript">
   var state = 0;
   var wait = false;

   function changeSlider()
   {
     if(state==1){
         $('#login_slider').animate({width: 70 }, "slow", function(){state = 0;}
         );
       }
     else
         $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
       );
       }
       $('#login_slider').click(function(){
       changeSlider();
     });
       </script>


//Login-Slider//
<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 50px; background: url(include/images/ddloginslider/bar.png); repeat scroll 0% 0% transparent; height: 203px; z-index: 999;" >
             
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">{_boxes_login}</div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider()
  {
    if(state==0){
        $('#login_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#login_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#login_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
       
        if(wait)
         state = 1;
    })

   
    $('#login_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider(); 
    });
      </script>
    0 Mitglieder finden den Beitrag gut.
  8. Di. 18.02.2014 16:56 Uhr #8
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Ich geb Dir mal nen Tip...
    Beide haben die gleiche ID zwinker
    0 Mitglieder finden den Beitrag gut.
  9. Di. 18.02.2014 17:01 Uhr #9
    User Pic
    Zak Mitglied
    Registriert seit
    22.10.2012
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    lachen, Vielen Dank
    geht jetzt! ich habs nicht bemerkt, ich brauch wohl doch Urlaub ;-)
    Grüße Zak
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten