ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Slider Probleme

Geschlossen
  1. So. 14.08.2011 15:03 Uhr #1
    User Pic
    Funky283 Mitglied
    Registriert seit
    14.08.2011
    Beiträge
    36
    Beitragswertungen
    0 Beitragspunkte
    Hi

    Ich weiß das Thema gab es hier schon oft aber ich habe mehrere Probs Die Seite von DD hat auch noch nicht geholfen

    Zu meinen Probs

    Also als erstes wollte ich den Slider für ts auf der linken Seite haben und dann nen Slider für Gameserver auf der rechten

    Der Ts slider scrollt leider falsch, man sieht immer nur den lnken teil und dann scrollt er nach rechts auf, ich wollte es aber so haben das man den Rechten Rand der grafik sieht und wenn man dann drauf geht das es sich aufschiebt. Desweiteren geht leider der ganze TS auf und ragt so auch über den Hintergrund raus, wie kann ich das machen das ich scrollen kann???

    Jetzt kommt noch der Gameserver Slider??

    Wie kann ich den Bauen das ich den auf der Linken seite habe, und wie bekomme ich da die Server eingefügt

    So hoffe mir kann jemand helfen. 

    </head>
<body>
     	<div id="teamspeak_slider" class="teamspeak_slider" style=" left: -250px; width: 300px; position: fixed; top: 10px; background: url(include/images/ddloginslider/bar.png); repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
           
      <div style=" margin-top:20px; margin-left:47px; text-align:left;">
<div id="ts3viewer_961689" 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=961689&text=ffffff&text_size=12&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, 961689, 100);
-->
</script>
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
 
  function changeSlider()
  {
    if(state==0){
        $('#teamspeak_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#teamspeak_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
 
    $('#teamspeak_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1;
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
       
        if(wait)
         state = 1;
    })
   
    $('#teamspeak_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider();
    });


    Das steht bis jetzt in meiner Index


    verwendete ilchClan Version: 1.1

    betroffene Homepage: ho190610002.hogibo.net/test2/
    0 Mitglieder finden den Beitrag gut.
  2. So. 14.08.2011 19:24 Uhr #2
    User Pic
    XxRan3xX Mitglied
    Registriert seit
    27.04.2011
    Beiträge
    61
    Beitragswertungen
    0 Beitragspunkte
    also im moment is nur das image falsch und deine maßangaben im slider stimmen nicht!
    ansonsten is doch ok

    Wenn du es andersrum haben willst........ 
    <div>
<div style="float: right">
                <div id="ts_slider" class="login_slider" style=" right: -10px; width: 50px; position: fixed; top: 170px; background: url(include/images/ddloginslider/tsslider1.png); repeat scroll 100% 0% transparent;height: 600px; z-index: 999;" >

                        <div style=" margin-top:60px; margin-left:80px; text-align:left; height: 650px; width: 300px; overflow:auto; ">{_boxes_ts3}</div>
                </div>
         </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;

  function changeSlider()
  {
    if(state==0){
        $('#ts_slider').animate({width: 50}, "slow", function(){});
        }
    else
        $('#ts_slider').animate({width: 310 }, "slow", function(){});
    wait = false;
  }

    $('#ts_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1;
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }

        if(wait)
         state = 1;
    })


    $('#ts_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider();
    });
      </script>
  <br />
</div>

<div><div style="float: left">
                <div id="gs_slider1" class="gs_slider1" style=" left: -270px; width: 308px; position: fixed; top: 170px; background: url(/include/images/server_slider/gameserver_slider1.png) repeat scroll 100% 0% transparent; height: 600px; z-index: 999;" >

                        <div style="position:absolute;top:20pt;right:43pt;width:215px;height:550px;overflow:auto; ">{_boxes_gs}</script></div>
                </div>
         </div>
 <script type="text/javascript">
  var state = 0;
  var wait = false;

  function changeSlider1()
  {
    if(state==0){
        $('#gs_slider1').animate({width: 308 }, "slow", function(){});
        }
    else
        $('#gs_slider1').animate({width: 560 }, "slow", function(){});
    wait = false;
  }

    $('#gs_slider1').mouseenter(function(event){
        if(state==0)
        {
            state =1;
            changeSlider1();
            wait = true;
            setTimeout('changeSlider1();',2000)
        }

        if(wait)
         state = 1;
    })


    $('#gs_slider1').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider1();
    });
      </script>
  <br />
</div>


    so siehts bei mir aus! musst eigentlich nur ein bisschen umbauen und die gametracker codes tauschen, da mein ts rechts und die server links sind!

    wenn du allerdings mit deinem mittlerweile zufrieden bist ander ihn mal in das hier: 

        </head>
    <body>
            <div id="teamspeak_slider" class="teamspeak_slider" style=" left: -250px; width: 300px; position: fixed; top: 10px; background: url(include/images/ddloginslider/bar.png); repeat scroll 0% 0% transparent; height: 700px; z-index: 999;" >
               
          <div style=" margin-top:20px; margin-left:47px; text-align:left;">
    <div id="ts3viewer_961689" 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=961689&text=ffffff&text_size=12&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, 961689, 100);
    -->
    </script>
          </div>
          </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
     
      function changeSlider()
      {
        if(state==0){
            $('#teamspeak_slider').animate({width: 40 }, "slow", function(){});
            }
        else
            $('#teamspeak_slider').animate({width: 300 }, "slow", function(){});
        wait = false;
      }
     
        $('#teamspeak_slider').mouseenter(function(event){
            if(state==0)
            {
                state =1;
                changeSlider();
                wait = true;
                setTimeout('changeSlider();',2000)
            }
           
            if(wait)
             state = 1;
        })
       
        $('#teamspeak_slider').mouseleave(function(){
            state = 0;
            if(!wait)
                changeSlider();
        });

    Zuletzt modifiziert von XxRan3xX am 14.08.2011 - 19:37:07
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten