ilch.de :: Forum :: 2ten Slider einbauen

» Forum » Clanscript » Allgemein » 2ten Slider einbauen

Mitglieder | Gallery | FAQ's | Regeln

[ Anmelden zum schreiben ]

2ten Slider einbauen

DioXin
Mitglied
2 Beitragspunkte

Posts: 120

User Pic

0 Mitglieder finden den Beitrag gut.

27.01.2012 - 12:49:04

Zitieren

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>

Lord|Schirmer
Administrator
823 Beitragspunkte

Posts: 4607

User Pic

0 Mitglieder finden den Beitrag gut.

27.01.2012 - 13:31:18

Zitieren

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>

"In mir schlummert ein Genie, leider wacht es nicht auf!"

my portfolio | my community | important link

IRvD
Mitglied
14 Beitragspunkte

Posts: 210

User Pic

0 Mitglieder finden den Beitrag gut.

27.01.2012 - 13:50:26

Zitieren

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: www.warriorofheaven.de/index.php?forum-showposts-280

artatis - Mein digitales Zuhause | Über mich

[ Anmelden zum schreiben ]

Beitrag zur Merkliste hinzufügen