Dateigrösse: 5.08 kb
1<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">♣ mi.ster</p> <p class="txt">♠ webdesign</p> <p class="txt">♥ ganimede[at]bluewin[dot]ch</p> <p class="txt">♦ don't be shy - contact me!</p> <p> </p> <a id="portrait" class="this small" href="#" onclick="fotoShowStart();" onfocus="if(this.blur)this.blur();">• 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"> </p>