TransInt Logistics - und nochn test

Menü

und nochn test

<script type="text/javascript">

imglist = new Array();
imglist[0] = 'https://img.webme.com/pic/t/transint/1.bmp';
imglist[1] = 'https://img.webme.com/pic/t/transint/2.bmp';
imglist[2] = 'https://img.webme.com/pic/t/transint/3.bmp';
imglist[3] = 'https://img.webme.com/pic/t/transint/4.bmp';
imglist[4] = 'https://img.webme.com/pic/t/transint/5.bmp';

var max = 4;
var cur = 1;

function load(url,num) {
document.getElementById('diabg').style.display = 'block';
document.getElementById('diashow').style.display = 'table-cell';
document.getElementById('gpic').src = url;
document.getElementById('gtext').innerHTML = document.getElementsByClassName('showme')[num].alt;
cur = num;
}
function next() {
cur++;
if(cur>max) {
cur = 0;
}
load(imglist[cur],cur);
}
function prev() {
cur--;
if(cur<0) {
cur = max;
}
load(imglist[cur],cur);
}
function closethis() {
document.getElementById('diabg').style.display = 'none';
document.getElementById('diashow').style.display = 'none';
}
function displink(abcd) {
abcd.firstChild.style.visibility = 'visible'; }
function hidelink(abcd) {
abcd.firstChild.style.visibility = 'hidden'; }
</script>

<style type="text/css"> <!--
#diabg { position:fixed; top:0px; left:0px; background-image:url(https://img.webme.com/pic/t/transint/gallerybg.png); height:100%; width:100%; display:none; }

/* margin-left und -top auf halbe negative Bildhöhe und -breite! */
#diashow { display:none; position:fixed; height:auto; width:auto; top:50%; left:50%; vertical-align:center; text-align:center; margin-left:-125px; margin-top:-125px; }
#cont1 { display:inline-block; background-color:#ebebeb; padding-top:10px; }
#cont2 { max-height:90%; max-width:90%; width:auto; height:auto; text-align:center; display:inline-block; position:relative; }
#gpic { max-width:100%; max-height:100%;}
#prev { position:absolute; top:0px; left:0px; visibility:hidden; width:100%; height:100%; text-align:left; display:block; }
#previmg { position:absolute; top:50%; left:2px; margin-top:-25px; display:block; }
#next { position:absolute; top:0px; right:0px; visibility:hidden; width:100%; height:100%; text-align:right; display:block; }
#nextimg { position:absolute; top:50%; right:2px; margin-top:-25px; display:block; }
#contp { position:absolute; top:0px; left:0px; height:100%; width:50%; overflow:hidden; }
#contn { position:absolute; top:0px; right:0px; height:100%; width:50%; overflow:hidden; }
//--> </style>
<div id="diabg" onclick="closethis();">
</div>

<div id="diashow">
<div id="cont1" style="background-color:#ebebeb;">
<div id="cont2">
<div id="contp" onmouseover="displink(this);" onmouseout="hidelink(this);"><span id="prev" onclick="prev();"><img id="previmg" alt="Zurück" src="https://img.webme.com/pic/t/transint/button_prev.gif"></span>
<img src="https://img.webme.com/pic/t/transint/transparent.gif" alt="x">
</div>
<div id="contn" onmouseover="displink(this);" onmouseout="hidelink(this);"><span id="next" onclick="next();"><img id="nextimg" alt="Weiter" src="https://img.webme.com/pic/t/transint/button_next.gif"></span>
<img src="https://img.webme.com/pic/t/transint/transparent.gif" alt="x">
</div>
<img id="gpic" src="#" alt="">
</div><br>
<span id="gtext">&nsp;</span>
</div>
</div>

<img onclick="load('https://img.webme.com/pic/t/transint/1.bmp',0);" src="https://img.webme.com/pic/t/transint/1.bmp" class="showme" alt="Bild Nr. 1">
<img onclick="load('https://img.webme.com/pic/t/transint/2.bmp',1);" src="https://img.webme.com/pic/t/transint/2.bmp" class="showme" alt="2nd">
<img onclick="load('https://img.webme.com/pic/t/transint/3.bmp',2);" src="https://img.webme.com/pic/t/transint/3.bmp" class="showme" alt="Nummer 3">
<img onclick="load('https://img.webme.com/pic/t/transint/4.bmp',3);" src="https://img.webme.com/pic/t/transint/4.bmp" class="showme" alt="Bild No 4">
<img onclick="load('https://img.webme.com/pic/t/transint/5.bmp',4);" src="https://img.webme.com/pic/t/transint/5.bmp" class="showme" alt="Letztes!">

Hallo

Dies ist der Inhalt der rechten Box.