AW: LIGHTBOX - Tutorial/Newbee
Bin so langsam am verzweifeln.Das will bei mir nich klappen!Was mach ich falsch ? Anbei mal der komplette Code:
<HTML>
<HEAD>
<TITLE>index_home</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index_home.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
butt_opportunity_over = newImage("images/butt_opportunity-over.gif");
butt_beliefs_over = newImage("images/butt_beliefs-over.gif");
butt_strategy_over = newImage("images/butt_strategy-over.gif");
index_33_over = newImage("images/index_33-over.gif");
index_35_over = newImage("images/index_35-over.gif");
index_37_over = newImage("images/index_37-over.gif");
index_39_over = newImage("images/index_39-over.gif");
index_41_over = newImage("images/index_41-over.gif");
index_43_over = newImage("images/index_43-over.gif");
index_45_over = newImage("images/index_45-over.gif");
preloadFlag = true;
}
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index_home.psd) -->
<div align="center">
<TABLE ID="Tabelle_01" WIDTH=776 HEIGHT=829 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=89 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=43 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=36 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=57 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=52 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center"></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_01.gif" WIDTH=24 HEIGHT=245 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=3>
<p align="center">
<IMG SRC="images/comp.gif" WIDTH=122 HEIGHT=245 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_03.gif" WIDTH=35 HEIGHT=245 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/part_company.gif" WIDTH=89 HEIGHT=216 ALT=""></TD>
<TD COLSPAN=20 ROWSPAN=3>
<p align="center">
<IMG SRC="images/big_pictures_right.gif" WIDTH=505 HEIGHT=245 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=216 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/butt_home.gif" WIDTH=89 HEIGHT=19 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_07.gif" WIDTH=89 HEIGHT=10 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_opportunity', 'images/butt_opportunity.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;">
<IMG NAME="butt_opportunity" SRC="images/butt_opportunity.gif" WIDTH=146 HEIGHT=63 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=7>
<p align="center">
<IMG SRC="images/index_09.gif" WIDTH=22 HEIGHT=310 ALT=""></TD>
<TD COLSPAN=6 ROWSPAN=6>
<p align="center">
<A HREF="images/landkarte.jpg">
<IMG SRC="images/index_home_10.gif" WIDTH=195 HEIGHT=245 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=16 ROWSPAN=2>
<p align="center">
<IMG SRC="images/big_pictures_right-13.gif" WIDTH=412 HEIGHT=71 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=63 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_12.gif" WIDTH=24 HEIGHT=28 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2>
<p align="center">
<IMG SRC="images/pic_opportunity.gif" WIDTH=122 HEIGHT=28 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=5>
<p align="center">
<IMG SRC="images/index_14.gif" WIDTH=25 HEIGHT=239 ALT=""></TD>
<TD COLSPAN=12 ROWSPAN=6>
<p align="center">
<IMG SRC="images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT=""></TD>
<TD ROWSPAN=9>
<p align="center">
<IMG SRC="images/index_16.gif" WIDTH=20 HEIGHT=429 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_beliefs', 'images/butt_beliefs.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;">
<IMG NAME="butt_beliefs" SRC="images/butt_beliefs.gif" WIDTH=146 HEIGHT=62 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_18.gif" WIDTH=24 HEIGHT=29 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/pic_beliefs.gif" WIDTH=122 HEIGHT=29 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_strategy', 'images/butt_strategy.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;">
<IMG NAME="butt_strategy" SRC="images/butt_strategy.gif" WIDTH=146 HEIGHT=63 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=63 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_21.gif" WIDTH=24 HEIGHT=65 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/pic_strategy.gif" WIDTH=122 HEIGHT=65 ALT=""></TD>
<TD COLSPAN=6>
<p align="center">
<IMG SRC="images/index_23.gif" WIDTH=195 HEIGHT=65 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=65 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<p align="center">
<IMG SRC="images/dates.gif" WIDTH=112 HEIGHT=156 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=2>
<p align="center">
<IMG SRC="images/background_text_latestnes.gif" WIDTH=158 HEIGHT=156 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<p align="center">
<IMG SRC="images/busimessman.gif" WIDTH=118 HEIGHT=156 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=94 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<p align="center">
<IMG SRC="images/downpaper.gif" WIDTH=367 HEIGHT=96 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8 ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_28.gif" WIDTH=310 HEIGHT=61 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="index.html">
<IMG SRC="images/index_29.gif" WIDTH=53 HEIGHT=6 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=3 ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_30.gif" WIDTH=25 HEIGHT=34 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/index_31.gif" WIDTH=53 HEIGHT=28 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_32.gif" WIDTH=10 HEIGHT=83 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_33', 'images/index_33-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_33', 'images/index_33.gif'); return true;"
ONMOUSEDOWN="changeImages('index_33', 'images/index_33-over.gif'); return true;"
ONMOUSEUP="changeImages('index_33', 'images/index_33-over.gif'); return true;">
<IMG NAME="index_33" SRC="images/index_33.gif" WIDTH=47 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down.gif" WIDTH=8 HEIGHT=27 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_35', 'images/index_35-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_35', 'images/index_35.gif'); return true;"
ONMOUSEDOWN="changeImages('index_35', 'images/index_35-over.gif'); return true;"
ONMOUSEUP="changeImages('index_35', 'images/index_35-over.gif'); return true;">
<IMG NAME="index_35" SRC="images/index_35.gif" WIDTH=54 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-42.gif" WIDTH=7 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_37', 'images/index_37-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_37', 'images/index_37.gif'); return true;"
ONMOUSEDOWN="changeImages('index_37', 'images/index_37-over.gif'); return true;"
ONMOUSEUP="changeImages('index_37', 'images/index_37-over.gif'); return true;">
<IMG NAME="index_37" SRC="images/index_37.gif" WIDTH=36 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-45.gif" WIDTH=5 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_39', 'images/index_39-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_39', 'images/index_39.gif'); return true;"
ONMOUSEDOWN="changeImages('index_39', 'images/index_39-over.gif'); return true;"
ONMOUSEUP="changeImages('index_39', 'images/index_39-over.gif'); return true;">
<IMG NAME="index_39" SRC="images/index_39.gif" WIDTH=57 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-48.gif" WIDTH=9 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_41', 'images/index_41-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_41', 'images/index_41.gif'); return true;"
ONMOUSEDOWN="changeImages('index_41', 'images/index_41-over.gif'); return true;"
ONMOUSEUP="changeImages('index_41', 'images/index_41-over.gif'); return true;">
<IMG NAME="index_41" SRC="images/index_41.gif" WIDTH=45 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-51.gif" WIDTH=4 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_43', 'images/index_43-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_43', 'images/index_43.gif'); return true;"
ONMOUSEDOWN="changeImages('index_43', 'images/index_43-over.gif'); return true;"
ONMOUSEUP="changeImages('index_43', 'images/index_43-over.gif'); return true;">
<IMG NAME="index_43" SRC="images/index_43.gif" WIDTH=42 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-54.gif" WIDTH=7 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_45', 'images/index_45-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_45', 'images/index_45.gif'); return true;"
ONMOUSEDOWN="changeImages('index_45', 'images/index_45-over.gif'); return true;"
ONMOUSEUP="changeImages('index_45', 'images/index_45-over.gif'); return true;">
<IMG NAME="index_45" SRC="images/index_45.gif" WIDTH=62 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/background_menu-down-57.gif" WIDTH=72 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=27 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<p align="center">
<IMG SRC="images/background_copytight.gif" WIDTH=288 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_48.gif" WIDTH=22 HEIGHT=56 ALT=""></TD>
<TD COLSPAN=17 ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_49.gif" WIDTH=455 HEIGHT=56 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<p align="center">
<IMG SRC="images/index_50.gif" WIDTH=288 HEIGHT=36 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
</TABLE>
</div>
<!-- End ImageReady Slices -->
</BODY>
</HTML>