• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Testimonials

Status
Für weitere Antworten geschlossen.

sani21

Neues Mitglied
Hi @all

Ich sitze gerade an einer Homepage und werde einfach nicht fündig. Gibt es irgendwo ein Script, oder kann mir jemand sagen wie man so etwas auf dieser Seite macht?:

http://www.world-check.com/

Ich hätte gerne so eine Text Slideshow wie es ganz unten bei der Homepage bei Testimonials steht.

Gruss sani21
 
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente
Und für XHTML bzw. Strict müsstest du schon etwas mit Javascript machen, aber das solltest du wirklich selber schaffen, ich werd sonst noch was hineineditieren, wenn ich Zeit hab.

Edit: ist ungetestet:
HTML:
javascript:

var xpos = 0;

function LauftextVerschieben () 
{
    xpos += 3;
    if(xpos>330)
        xpos = 0;
    if(navigator.appName != "Microsoft Internet Explorer")
        document.getElementsByTagName("body")[0].style.left = xpos.toString(10)+"px";
    else
        document.all.body.style.left= xpos.toString(10)+"px";
}

var aktiv = window.setInterval("LauftextVerschieben()",100);

HTML:
<div id="Lauftext-Box" style="width: 500px; height: 100px; overflow: hidden;">
    <div id="Lauftext" >
        <a href="#"> Test </a> Lorem ipsum...
    </div>
</div>
 
Zuletzt bearbeitet:
vielen dank

hey

vielen dank habe was anderes gefunden:

jetzt noch eine Frage:

Wie kann ich bei diesem Script die Schriftgrössen innerhalb des Kastens ändern. Ich habe mir das so vorgestellt:

//Verdana 9 PT: Kommentar 1 (<br>)
//Verdana 7 PT: Name von dem, der den Kommentar gemacht hat

So sieht die Text Box aus:

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>kundenkommentare</title>
</head>
<body>
<font face="Verdana" style="font-size: 9pt; background-color:#EEEEEE">
<script type="text/javascript">
/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library ([URL="http://www.dynamicdrive.com/"]Dynamic Drive DHTML(dynamic html) & JavaScript code library[/URL])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [URL="http://www.dynamicdrive.com/"]Dynamic Drive DHTML(dynamic html) & JavaScript code library[/URL] for full source code
***********************************************/
var delay = 8000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 11px Verdana; padding: 9px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>Max Mustermann</b><br>Kundenkommentar<br>Nr. 1<br><br>Text...";
fcontent[1]="<b>Christian Schaefle</b><br>Kundenkommentar<br>Nr. 2<br><br>Text...";
fcontent[2]="<b>Sandro Kolb</b><br>Kundenkommentar<br>Nr. 3<br><br>Text...";
closetag='</div>';
var fwidth='135px'; //set scroller width
var fheight='120px'; //set scroller height
var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
 
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
 
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
  if (index>=fcontent.length)
    index=0
  if (DOM2){
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}
// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
  if(step<=maxsteps) { 
    document.getElementById("fscroller").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
    setTimeout("changecontent()", delay);
 
  }   
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolor[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
  document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</script>
</font>
<br /><div style="z-index:3" class="smallfont" align="center"><!-- google_ad_section_start(weight=ignore) -->Search Engine Optimization by <a onclick="urchinTracker ('/outgoing/http_www_vbseo_com_622_');" rel="nofollow" href="http://www.vbseo.com/622/">vBSEO</a> 3.0.0<!-- google_ad_section_end --></div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1671491-1";
urchinTracker();
</script>
</body>
</html>
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben