ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Hilfe!! Slider tauschen

Geschlossen
  1. #1
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute bin am Verzweifeln, friemel schon seit 3 Tagen aber ich bekomms nicht hin... In meinem Design ist ein Imageslider eingebaut...
    gesperrtes Bild Ursprünglich wollte ich zusätzlich eine andere 2te slidebox reinbauen, aber anscheinend funzt das nicht.... nu habe ich versucht anstelle des original imagesliders meinen einzusetzen im grunde nur ne Box {_boxes_specials} allerdings saß diese dann mittig, statt rechts, und die lastnews zogen sich weiter nach unten über den eigentlichen boxenbereich hinaus.
    vlt wäre jemand so nett und beendet meine scheiternden versuche und bekommt es hin dß es funzt. Anbei mein Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    
    
    
    <!-- präsentiert von kostenlose-javascripts.de -->
    <script type='text/javascript'>
    <!--
    // Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
    var snowmax=35;
    
    // Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
    var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");
    
    // Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
    var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");
    
    // Zeichen für die Schneeflocke (empfohlen: * )
    var snowletter="*";
    
    // Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
    var sinkspeed=0.6;
    
    // Maximale Größe der Schneeflocken
    var snowmaxsize=22;
    
    // Minimale Größe der Schneeflocken
    var snowminsize=8;
    
    /*  Schnee-Zone:
    ** 1 für überall, 2 für Schneefall nur auf der linken Seite
    ** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
    var snowingzone=1;
    
    /*
    * Ab hier nichts mehr ändern *
    */
    
    var snow=new Array();
    var marginbottom;
    var marginright;
    var timer;
    var i_snow=0;
    var x_mv=new Array();
    var crds=new Array();
    var lftrght=new Array();
    var browserinfos=navigator.userAgent ;
    var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
    var ns6=document.getElementById&&!document.all;
    var opera=browserinfos.match(/Opera/);
    var browserok=ie5||ns6||opera;
    
    function randommaker(range) {		
    	rand=Math.floor(range*Math.random());
        return rand;
    }
    
    function initsnow() {
    	if (ie5 || opera) {
    		marginbottom = document.body.clientHeight;
    		marginright = document.body.clientWidth;
    	}
    	else if (ns6) {
    		marginbottom = window.innerHeight;
    		marginright = window.innerWidth;
    	}
    	var snowsizerange=snowmaxsize-snowminsize;
    	for (i=0;i<=snowmax;i++) {
    		crds[i] = 0;                      
        	lftrght[i] = Math.random()*15;         
        	x_mv[i] = 0.03 + Math.random()/10;
    		snow[i]=document.getElementById("s"+i);
    		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
    		snow[i].size=randommaker(snowsizerange)+snowminsize;
    		snow[i].style.fontSize=snow[i].size;
    		snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
    		snow[i].sink=sinkspeed*snow[i].size/5;
    		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
    		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
    		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
    		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
    		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
    		snow[i].style.left=snow[i].posx;
    		snow[i].style.top=snow[i].posy;
    	}
    	movesnow();
    }
    
    function movesnow() {
    	for (i=0;i<=snowmax;i++) {
    		crds[i] += x_mv[i];
    		snow[i].posy+=snow[i].sink;
    		snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i])) + "px";
    		snow[i].style.top=snow[i].posy + "px";
    		
    		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
    			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
    			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
    			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
    			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
    			snow[i].posy=0;
    		}
    	}
    	var timer=setTimeout("movesnow()",50);
    }
    
    for (i=0;i<=snowmax;i++) {
    	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");
    }
    //-->
    </script>
    <br />
    <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html" title="Schnee" target="_blank">                         </a></div>
    <br />
    <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=254"></script>
    <!-- präsentiert von kostenlose-javascripts.de -->
    
    
    
    
    
    
    
    
    
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{TITLE}</title>
    <!-- Design style.css laden -->
    <link type="text/css" href="include/designs/Portfolio/style.css" rel="stylesheet" />
    <!-- JQuery laden -->
    <script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>
    <!-- JQuery Menu laden -->
    <script type="text/javascript" src="include/includes/js/menu.js"></script>
    <!-- Imageslider laden -->
    <script type="text/javascript" src="include/includes/js/s3Slider.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
            $('#slider').s3Slider({
                timeOut: 3000
            });
        });
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    </script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <!-- JQuery Coda Slider laden -->
    <script type="text/javascript" src="include/includes/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="include/includes/js/jquery.coda-slider-2.0.js"></script>
    <script type="text/javascript">
    $().ready(function() {
           $('#coda-slider-1').codaSlider({
               autoHeightEaseDuration: 1500,
               autoHeightEaseFunction: "easeInOutElastic",
               slideEaseDuration: 1500,
               slideEaseFunction: "easeInOutElastic"
           });
       });
    </script>
    </head>
    <body onload="MM_preloadImages('include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_02.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_04.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_07.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_08.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_09.png','include/designs/Portfolio/Bilder/Mouseover_lastnews.png')">
    <div align="center">
    <!-- DD LoginSlider -->
    <div id="login_slider" class="login_slider" style="right: 0px; 
    width: 40px; 
    position: fixed; 
    top: 200px;
    background: url(../include/designs/Portfolio/Bilder/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> 
    <br />
    <!-- DD LoginSlider -->
    <div id="layout">
    		<div id="head">
            	<div id="left">
            		<a class="kontakt" href="?contact"></a>
                <div id="holder"></div>
                	<a class="imprint" href="?impressum"></a>
                <div id="holder1"></div>
                <div id="center"></div>
                <a class="facebook" href="http://www.facebook.com/#!/home.php?sk=group_162954330404880&ap=1"></a>
       <a class="twitter" href="http://www.socclan.de/index.php?antitwitter"></a>         
                <a class="rss" href="?news-rss"></a>
               	</div>
         	</div>
                <div id="menubg"></div>
                <div id="menu">
        			<ul class="menu">
                    <li><a href="?home" class="parent"><span>Home</span></a></li>
                    <li><a href="?forum" class="parent"><span>Forum</span></a></li>
            		<li><a href="?joinus" class="parent"><span>Join Us</span></a></li>
            		<li><a href="?fightus" class="parent"><span>Fight Us</span></a></li>
                    <li><a href="#" class="parent"><span>Clanmenü</span></a>
                	<div><ul>
                    <li><a href="?bewerb"><span>Wir / Bewerbung</span></a></li>
                    <li><a href="?user"><span>Member</span></a></li>
                    <li><a href="?googlemap"><span>Wohnorte</span></a></li>
                    <li><a href="?ugallery"><span>Usergalerien</span></a></li>
                    <li><a href="?c_uebersicht"><span>Kontaktdaten</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Gaming</span></a>
                	<div><ul>
                    <li><a href="?teams"><span>Alle Teams</span></a></li>
                    <li><a href="?teams-show-6"><span>MW2</span></a></li>
                    <li><a href="?teams-show-7"><span>MW</span></a></li>
                    <li><a href="?teams-show-8"><span>BF BC2</span></a></li>
                    <li><a href="?teams-show-9"><span>CoD BO</span></a></li>
                    <li><a href="?teams-show-11"><span>MoH</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Multimedia</span></a>
                	<div><ul>
                    <li><a href="?gallery"><span>Bildergalerie</span></a></li>
                    <li><a href="?downloads"><span>Downloads</span></a></li>
                    <li><a href="?mediamanager"><span>Filme / ect</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Special</span></a>
                	<div><ul>
                    <li><a href="?news"><span>Alle News</span></a></li>
                    <li><a href="?gallery-3"><span>Nur für Member</span></a></li>
                    <li><a href="?links"><span>Links / Clans</span></a></li>
                    <li><a href="?Gbookeintrag"><span>G-Book-Codes</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="?gbook" class="last"><span>GBook</span></a></li>
                    </div>
                    	<div id="lastbg"></div>
                        	<div id="codaslider">
                             	<div class="coda-slider-wrapper">
                                    <div class="coda-slider preload" id="coda-slider-1">
                                        <div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Last News</h2>
                                                <p>{_boxes_lastnews}</p>
                                            </div>
                                        </div>
                                        
    
    
    
    					
    
    
    
    
    
    					<div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Last Topics</h2>
                                                <p>{_boxes_lastforum}</p>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Top Poster</h2>
                                                <p>{_boxes_topposter}</p>
                                            </div>
                                        </div>
                                    </div><!-- .coda-slider -->
                                </div><!-- .coda-slider-wrapper -->
                            </div>
                        	<div id="imageslider">
                        		<div id="slider">
            					<ul id="sliderContent">
               				 	<li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/1.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Modern Warfare 2</strong><br /></span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/2.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Modern Warfare</strong><br /></span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/3.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>CoD Black Ops</strong><br /></span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/4.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Medal of Honor 2010</strong><br /></span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/5.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Lorem Ipsum</strong><br />Lorem Ipsum Dolor Sit Amet</span>
               					</li></ul>
                   		  </div>
    					</div>
     							<div id="contenttop">
      								<div id="hmenu">{HMENU}</div>
    							</div>
      							<div id="content">
        							<div id="explode">
          								<div id="inhalt">{_boxes_home2}{EXPLODE}</div>
                              	</div>
                         			<div id="sidebar">{_list_menunr1@
         								<div id="boxhead">%1</div>
          								<div id="boxcontent">%2</div>
          								<div id="boxfoot"></div>}
                                    </div>
                                		<div class="clear"></div>{_boxes_statistik}
    								</div>
                             	<div id="contentfoot"></div>
    				<div id="foot">
        					<a class="copyright1" href="http://www.robertseitz.eu">Copyright 2010 by Robert Seitz</a>
        					<a class="imprint1" href="?impressum">Impressum</a>
                            <a class="kontakt1" href="?contact">Kontakt</a>
    	</div>
    </div>
    </body>
    </html>


    betroffene Homepage: socclan.de
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Hmmm, Ok, dann wird das wohl nichts...
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten