• Forum
• Ilch Clan 1.1
• Allgemein
• 2ten Slider einbauen

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

1. Fr. 27.01.2012 12:49 Uhr #1

   

   DioXin Mitglied

   Registriert seit

   28.05.2011

   Beiträge

   124

   Beitragswertungen

   

   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
2. Fr. 27.01.2012 13:31 Uhr #2

   

   Lord|Schirmer Administrator

   Registriert seit

   21.03.2007

   Beiträge

   7.680

   Beitragswertungen

   

   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
3. Fr. 27.01.2012 13:50 Uhr #3

   

   IRvD Mitglied

   Registriert seit

   30.03.2010

   Beiträge

   460

   Beitragswertungen

   

   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