Quelltext der Datei: http://www.michaelster.ch/lernen/__new__impressum.htm

Dateigrösse: 5.08 kb

[Anzeige mit Zeilennummern]

<style type="text/css">
body, html    { overflow-x: hidden; overflow-y: hidden; }
h1.impress    { font-family:palatino,candara,verdana,sans-serif; font-size:22pt !important; margin:0; padding-bottom:20pt !important; }
#ice        { opacity: 0.25; filter: alpha(opacity=25); border:1px solid #69c; margin-bottom:3pt; }
a.this        { font: bold 9px verdana, sans-serif; color:#f8f8ff; text-decoration:none; padding:1px 2px; margin:0pt; }
a.small        { font-weight: lighter; margin-top:2em; cursor:default !important; }
a.this:hover{ color:#aaa; background-color:transparent; } /*  */
.impressum     { float:left !important; margin-right:5em; border:0px solid white; font-size:16px !important; }
.oops        { font: bold 11px verdana, sans-serif; color:green; padding:1em; margin:0pt 5pt; }
p.txt        { font-family:palatino,verdana,sans-serif; font-size:11.75pt; padding-bottom:11pt; }
p.clear        { clear:left; padding:0; margin:0; }
</style>

<script type="text/javascript">
<!--
var bilder = new Array("_1.jpg","_2.jpg","_3.jpg","_4.jpg","_5.jpg","_6.jpg","_7.jpg","_8.jpg","_9.jpg","_10.jpg","_11.jpg","_12.jpg","_13.jpg","_14.jpg","_15.jpg","_16.jpg","_17.jpg","_18.jpg","_19.jpg","_20.jpg","_21.jpg","_22.jpg","_23.jpg","_24.jpg","_25.jpg","_26.jpg","_27.jpg","_28.jpg","_29.jpg");
var bild = new Array();
var pfad = "img/img_ice/";

function bilder_vorladen() {
    if(document.images) {
        for(i=0; i< bilder.length; i++) {        
            bild[i]=new Image();
            bild[i].src=pfad + bilder[i];
        }
    }
    console.log('images are loaded!');
}
    
var current_image=23;
function rotate() 
{     
    //current_image = (current_image==false) ? 2 : current_image; //needed only if written return false in line 47/55
    $("ice").setAttribute("src", pfad+"_"+current_image+".jpg"); 
    $("ice").setAttribute("title", pfad+"_"+current_image+".jpg"); 
    //$("oops").innerHTML+=$("ice").src + "<br>";
    current_image=(current_image< bilder.length) ? current_image+1 : sliderepeat();
}

var n=1;
function sliderepeat() {
    n++;
    if(n<9) {
          window.clearInterval(aktiv); 
          slidestart(120/n);
        if(n==6) { window.setTimeout ( function() { quiteFotoShow(100) }, 10 ); }
          return 2;
    } else {
        window.clearInterval(aktiv); 
          n=1;
        //$("ice").setAttribute("src", pfad+"_22.jpg"); 
        //$("ice").setAttribute("title", pfad+"_22.jpg"); 
        //$("oops").innerHTML="<br>finito...<br />";
        $("oops").innerHTML+="<hr />";
          return 23;
        //window.setTimeout ( function() { fotoShowStop() }, 1250 );
        //window.setTimeout ( function() { quiteFotoShow(100) }, 10 );
    }
}    

var isIE   = (document.all) ? true : false;
var isW3C  = (document.getElementById && !document.all) ? true : false;
  
function slidestart(interval) {
    aktiv = window.setInterval("rotate()", interval); 
    $("oops").style.display="none"; 
}    

var starting_image=23;
function fotoShowStart() {
    $("impressum").style.display="block"; 
    $("portrait").style.display="none"; 
    if(isIE)  $("impressum").style.filter  = "alpha(opacity=100)";
      if(isW3C) $("impressum").style.opacity = 1;
              $("ice").setAttribute("width", 87+"px"); 
              $("ice").setAttribute("height", 110+"px"); 
              $("ice").setAttribute("src", pfad+"_"+starting_image+".jpg"); 
    slidestart(100);
}

function fotoShowStop() {
    $("impressum").style.display="none"; 
}    

/*     quite FotoShow  */
function quiteFotoShow(t) {
  if(isIE)  $("impressum").style.filter  = "alpha(opacity="+t+")";
  if(isW3C) $("impressum").style.opacity = t/100;
            $("ice").setAttribute("width", 87*(100/t)+"px"); 
            $("ice").setAttribute("height", 110*(100/t)+"px"); 
  /* var x = lokale Variable, x = globale Variable */
  var restart = t-1;
  if(0<t) {
      var active = setTimeout("quiteFotoShow("+restart+")",15);
  } else {
      clearTimeout(active); 
    $("portrait").style.display="block"; 
  }
}

/**************************************************/
function $(string) {
  return document.getElementById(string);
}
/**************************************************/
    
function addLoadEvent(func) {
var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = 
      function() {
        oldonload();
        func();
      }
  }
}
/*************************************************/
/* muss in der index.php aufgerufen werden: 
window.onload=addLoadEvent( bilder_vorladen() )
*/
//-->        
</script>

<h1 class="impress">impressum</h1>

<div class="impressum">
  <p class="txt">&clubs; &nbsp; mi.ster</p>
  <p class="txt">&spades; &nbsp; webdesign</p>
  <p class="txt">&hearts; &nbsp; ganimede[at]bluewin[dot]ch</p>
  <p class="txt">&diams; &nbsp; don't be shy - contact me!</p>
    
    <p>&nbsp;</p>
  
  <a id="portrait" class="this small" href="#" onclick="fotoShowStart();" onfocus="if(this.blur)this.blur();">&bull; foto</a>
</div>

<div class="impressum" id="impressum" style="display:none;">
    <img src="img/img_ice/_22.jpg" id="ice" name="ice" alt="" title="" width="87" height="110" />
    <br> 
    <!--   
    <a class="this" href="#" onclick="slidestart(100);">start slideshow</a>
     -->
</div>

<div class="impressum oops" id="oops" style="display:none;"></div>

<p class="clear">&nbsp;</p>