2ten Slider einbauen

Gehe zu Seite:

Geschlossen

Fr. 27.01.2012 12:49 Uhr #1

DioXin Mitglied

Moin Moin

Kann mir mal jemand schreiben wie ich einen 2ten slider laufen lasse??Habe rechts einen nun möchte ich links auch einen haben aber ich weiß nicht wie...

MFG:
DioXin

</body>   <div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 80px; background: url('/include/images/ddloginslider/bar.png') repeat scroll 0% 0% transparent; height: 750px; z-index: 999;" >
<div style=" margin-top:20px; margin-left:47px; text-align:left;">
       
      </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.

zitieren

Fr. 27.01.2012 13:31 Uhr #2

Lord|Schirmer Administrator

Vom Prinzip her:

<div id="login_slider_right" class="login_slider_right" style="right:0px; width:40px; position:fixed; top:80px; background: url('/include/images/ddloginslider/bar.png') repeat scroll 0% 0% transparent; height:750px; z-index:999;">
<div style=" margin-top:20px; margin-left:47px; text-align:left;">
</div>
</div>
<div id="login_slider_left" class="login_slider_left" style="left:0px; width: 40px; position:fixed; top:80px; background: url('/include/images/ddloginslider/bar.png') repeat scroll 0% 0% transparent; height:750px; z-index:999;">
<div style="margin-top:20px; margin-right:47px; text-align:left;">
</div>
</div>
 
<script type="text/javascript">
var state_right=0; var state_left=0;
var wait_right=false; var wait_left=false;
   
  function changeSlider_right() {
    if(state_right==0){
      $('#login_slider_right').animate({width: 40 }, "slow", function(){});
      } 
      else
      $('#login_slider_right').animate({width: 300 }, "slow", function(){});
      wait_right=false;
      }
    $('#login_slider_right').mouseenter(function(event){
      if(state_right==0) {
      state_right=1; 
      changeSlider_right();
      wait_right=true;
      setTimeout('changeSlider_right();',2000)
      }
      if(wait_right) state_right=1;
  })
     
  function changeSlider_left() {
    if(state_left==0){
      $('#login_slider_left').animate({width: 40 }, "slow", function(){});
      }
      else
      $('#login_slider_left').animate({width: 300 }, "slow", function(){});
      wait_left=false;
      }
    $('#login_slider_left').mouseenter(function(event){
        if(state_left==0) {
        state_left=1; 
        changeSlider_left();
        wait_left=true;
        setTimeout('changeSlider_left();',2000)
        }
        if(wait_left) state_left=1;
  })
     
    $('#login_slider_right').mouseleave(function(){
        state_right=0;
        if(!wait_right) changeSlider_right(); 
    }); 
        
    $('#login_slider_left').mouseleave(function(){
        state_left=0;
        if(!wait_left) changeSlider_left(); 
    });
</script>

rules :: doku :: faq :: linkus

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 27.01.2012 13:50 Uhr #3

IRvD Mitglied

Angepasst auf ein Bild mit der Maße: Breite:255 Höhe:635

<div id="ts_slider1" class="ts_slider1" style=" left: -262px; width:
308px; position: fixed; top: 125px; background: url(/DEIN BILD LINK)
repeat scroll 100% 0% transparent; height: 635px; z-index: 999;" >
<div
style="position:absolute;top:10pt;right:43pt;width:186px;height:592px;overflow:auto">DEIN
TS3 SCRIPT EINFÜGEN</div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider1()
{
if(state==1){
$('#ts_slider1').animate({width: 308 }, "slow", function(){state =
0;}
);
}
else
$('#ts_slider1').animate({width: 510 }, "slow", function(){state =
1;}
);
}
$('#ts_slider1').click(function(){
changeSlider1();
});
</script>

das is für die Linke Seite .

Quelle: externer Link

0 Mitglieder finden den Beitrag gut.

zitieren

Geschlossen

	Zurück zu Allgemein

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Allgemein » 2ten Slider einbauen