ilch Forum » Allgemein » HTML, PHP, SQL,... » scrolltext

Geschlossen
  1. #1
    User Pic
    Kera||Hannes Mitglied
    Registriert seit
    31.12.2006
    Beiträge
    247
    Beitragswertungen
    0 Beitragspunkte
    hallo zunge
    ich würde gerne eine bannerrotation wie auf externer Link
    erstellen.

    Leider kenne ich nur den marquee befehle --> da ist halt das problem, dass die gescrolten banner nicht wie in nem kreislauf laufen und am anfang noch nicht sichtbar sind, sondern erst in das feld wandern müssen.

    kann mir da irgendjemand helfen?
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    <marquee behavior="alternate">
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    hrmpf, vll mal das ausprobieren, was ihr da postet -.-
    behavor="alternate" sorgt nur dafür, das sich der inhalt hin und her bewegt. auf selfhtml.org gibt es nur noch so ein wahnsinnig komplexes java-ding.
    Mit marquee kommt man da nicht weit, eher mit flash...vielleicht findeste noch n einfacheres java ding in irgenteiner Code-Bibliothek, z.B. dynamicdrive.com


    Zuletzt modifiziert von assault am 27.08.2007 - 14:38:20
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    assault, was will er denn sonst?^^
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    marquee.js

    var marqueeTimer = null;                       
    Article = new Array;
    i=0;
    
    /* Edit Start */
    
      Article[i] = new Array ("<img src='images/sponsors/vitivi.jpg' border='0'>", "http://www.vitivi.tv", "_blank");i++
      Article[i] = new Array ("<img src='images/sponsors/xst.jpg' border='0'>", "http://www.xstation.de", "_blank");i++
      Article[i] = new Array ("<img src='images/sponsors/ranto.jpg' border='0'>", "http://www.myesport.de/rantopad/", "_blank");i++
      Article[i] = new Array ("<img src='images/sponsors/bouncer4u.jpg' border='0'>", "http://www.bouncer4you.de/", "_blank");i++
      Article[i] = new Array ("<img src='images/sponsors/fshost.jpg' border='0'>", "http://www.fshost.de", "_blank");i++
        
    orientation = "horizontal"        // Horizontal oder Vertikal)
    scrollerWidth = "1000px"             
    scrollerHeight = "67px"             
    borderWidth = 0                   
    borderColour = "#006600"         
    backColour = "#030303"             
    staticColour = "#000000"         
    stopScroll = 1                    // Pause. (0 für nein.)
    textAlignment="left"            
    
    // Scroller Links
    linkFont = "verdana, arial"      
    linkWeight = "normal"             
    linkColour = "#ffffff"            
    linkSize = "10"                   
    linkDecoration = "none"           
    
    // Scroller Links On MouseOver
    slinkFont = "verdana, arial"        
    slinkWeight = "normal"            
    slinkColour = "#cc0000"           
    slinkSize = "10"                 
    slinkDecoration = "underline"     
    
    scrollerDivider = "none" // Trennung
    
    ns4Text = "Dein Browser unterst&uuml;tzt unser Partner-Banner nicht, klicke hier um unsere Partner zu sehen.";  // Alternative text to display in Netscape 4.
    ns4URL = "http://kcev.komacrew.com/index.php?content=content/partner"; 
    ns4Target = "_self";
    
    /* Edit Ende */
    
    var isIE = (document.getElementById && document.all)?true:false;
    var isNS4 = (document.layers)?true:false;
    var isNS6 = (document.getElementById && !document.all)?true:false;
    
    style='<style type="text/css">';
    style+='p{font-family:'+linkFont+'; color:'+staticColour+'; font-size:'+linkSize+'pt; font-weight:'+linkWeight+'; text-align:'+textAlignment+'}';
    style+='a.rcScroller,a.rcScroller:active,a.rcScroller:visited{color:'+linkColour+';text-decoration:'+linkDecoration+'; font-weight:'+linkWeight+'}';
    style+='a.rcScroller:hover{color:'+slinkColour+';text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
    style+='rcScrollerHoverNS{color:red;text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
    style+='<\/style>';
    document.writeln(style);
    
    function buildScroller()
    {
      if(isNS4){
        scroller='<table border="0" cellpadding="0" cellspacing="0" width="'+scrollerWidth+'" bgcolor="'+borderColour+'"><tr><td>'
        scroller+='<table border="0" cellpadding="3" cellspacing="1" width="100%" height="'+scrollerHeight+'" bgcolor="'+backColour+'"><tr><td align="center" nowrap><p>';
        if(ns4URL.toLowerCase()!="none"){scroller+='<a href="'+ns4URL+'" class="rcScroller" target="'+ns4Target+'">'+ns4Text+'</a>';}
        else{scroller+=ns4Text;} 
        scroller+='</p></td></tr></table></td></tr></table>'   
      }else{
        scroller='<table border="0" cellpadding="0" cellspacing="0" style="width:'+scrollerWidth+';height:'+scrollerHeight+';border:'+borderWidth+'px solid '+borderColour+';background-color:'+backColour+'">';
        scroller+='<tr><td valign="middle"><div id="div" style="';
        scroller+='height:'+scrollerHeight+'px;';
        scroller+='width:'+scrollerWidth+'; position:relative; background-color:'+backColour+'; overflow:hidden">';
        scroller+='<div id="div1" name="div1" style="padding:0px; position:relative; left:0px; z-index:1">';
        scroller+='<table border="0" cellpadding="0" cellspacing="0" name="table" id="table"';
        if(orientation.toLowerCase()=="vertical"){scroller+='style="width:'+scrollerWidth+'"';}
        scroller+='><tr>';
        y=0;
        while (y<4)
        {
          for (x=0; x<(Article.length); x++)
          {
            if(orientation.toLowerCase()=="vertical"){scroller+='<tr>';}
            scroller+='<td ';
            if(orientation.toLowerCase()=="horizontal"){scroller+='nowrap';} if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';}
            scroller+='>';
            if(Article[x][1].toLowerCase()!="none"){scroller+='<a class="rcScroller" href="'+Article[x][1]+'" target="'+Article[x][2]+'" >'+Article[x][0]+'<\/a>';
            }else{scroller+=Article[x][0];}          
            scroller+='<\/td>';
            
            if(orientation.toLowerCase()=="vertical"){scroller+='<\/tr>';}
                  
            if(scrollerDivider.toLowerCase() != "none"){scroller+='<td nowrap>'+scrollerDivider+'<\/td>';}
          }
          y++
        }
        scroller+='<\/tr><\/table><\/div><\/div><\/td><\/tr><\/table>';  
      }
      document.writeln(scroller);
    }
    
    function setWidth()
    { 
      tableObj=(isIE)?document.all("table"):document.getElementById("table"); 
      obj=(isIE)?document.all.div1:document.getElementById("div1");
      objWidth=(orientation.toLowerCase()=="horizontal")?getOffset(tableObj,"width"):getOffset(tableObj,"height");
     	HalfWidth=Math.floor(objWidth/2);
    	newWidth = (HalfWidth*2)+2;
    	obj.style.width=newWidth;
    	moveLayer(obj, newWidth);
      
    }
    
    function moveLayer(obj, width)
    {
      maxLeft = (0-(width/2)+2)/2
      if(orientation.toLowerCase()=="horizontal"){
    		obj.style.left=(parseInt(obj.style.left) <= maxLeft)?0:parseInt(obj.style.left)-1+"px";
      }else{
        if(obj.style.top==""){obj.style.top=0;}
        if (parseInt(obj.style.top)<(0-(width/2)+6)){
          obj.style.top = 0
        }else{
          obj.style.top = parseInt(obj.style.top)-1
        }
      }
      marqueeTimer = setTimeout ("moveLayer(obj, "+width+");", 30); 
    }
    
    function getOffset(obj, dim) 
    {
      if(dim=="width")
      {
        oWidth = obj.offsetWidth
        return oWidth
      }  
      else if(dim=="height")
      {
        oHeight = obj.offsetHeight
        return oHeight
      }    
    }
    
    function stopScroller()
    {
      clearTimeout(marqueeTimer)  
    }
    
    function runScroller(){
      if(!isNS4){setWidth();}
    }
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    und wie binde ich deinen code jetz ein jankrug?
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    mit dem Code::
    <script language="JavaScript" type="text/javascript">buildScroller();</script>


    [€dit]

    Nicht vergessen die marquee.js in den head-Tag deines Designs mit einzubinden.


    Zuletzt modifiziert von Moniwoll am 27.08.2007 - 15:59:30
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    asooo, die Datei erstellen, ins Rootverzeichnis und deinen Code <script... usw. usf.> in den Header vom Design zwischen <head> und </head>, right?
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    ja. muss nicht in den Rootordner. Musst dann halt wie du schon fragtest, in dne Head-Tag da sso einfügen:
    <script language="JavaScript" type="text/javascript" src="PFAD/marquee.js"></script>
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Kera||Hannes Mitglied
    Registriert seit
    31.12.2006
    Beiträge
    247
    Beitragswertungen
    0 Beitragspunkte
    kk zwinker werds mal probieren, sag aber schonmal danke für die suche.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Und nicht vergessen oben die Links zu den Banner zu verändern. zwinker
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    sorry, aber... ähm.... wusstet ihr, dass man auf Code auch ein copyright legen kann.... und nunja, wenn ihr nicht die erlaubnis von dem betreiber habt, dürft ihr den Code auch nicht benutzen, zählt dann [glaub ich] als diebstahl von geistigem eigentum...
    weil der code da, sieht sehr nach dem von komacrew.com aus:S

    nur so als anmerkung:Sgrumml
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    jo das dacht ich mir auch grad ^^
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten