Also mein Problem ist wie folgt : Ich habe eine Website mit Image Ready erstellt einen Rollovereffekt eingebaut der aber leider nur bei FireFox funktioniert :/ das ist Problem 1.
Problem 2 ist das der iFrame indem andere Bilder geladen werden sollen (wenn man einen Button drückt=funktioniert) diese Bilder im Frame nicht vollstädnig den Frame einnehmen und wenn man auf das Bild klickt wird heran gezoomt und es erscheinen 2 störende Balken. Ich denke diese 2 Balken (Horizontal und Vertikal) sind auch der Grund dafür, dass das Bild nicht komplett in den Frame passt bzw diesen einnimmt.
Hoffe ihr könnt mir helfen.
iFrame :
Index (geteilt in 3 wegen max. Zeichen)
Problem 2 ist das der iFrame indem andere Bilder geladen werden sollen (wenn man einen Button drückt=funktioniert) diese Bilder im Frame nicht vollstädnig den Frame einnehmen und wenn man auf das Bild klickt wird heran gezoomt und es erscheinen 2 störende Balken. Ich denke diese 2 Balken (Horizontal und Vertikal) sind auch der Grund dafür, dass das Bild nicht komplett in den Frame passt bzw diesen einnimmt.
Hoffe ihr könnt mir helfen.
iFrame :
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">
<!--
body {
background: url(images/Fotostudio_06.gif) no-repeat fixed;
color: #000000;
}
-->
</style>
</head>
<body>
<!-- Hier folgt der Inhalt -->
</body>
</html>
Code:
<html>
<head>
<title>Fotostudio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Fotostudio.psd) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImagesArray(array) {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<array.length; i+=2) {
document[array[i]].src = array[i+1];
}
}
}
function changeImages() {
changeImagesArray(changeImages.arguments);
}
function toggleImages() {
for (var i=0; i<toggleImages.arguments.length; i+=2) {
if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]);
}
}
var selected = '';
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Fotostudio_Home_1_over = newImage("http://www.html.de/images/Fotostudio_Home-1-over.gif");
Fotostudio_Home_1_sel = newImage("http://www.html.de/images/Fotostudio_Home-1-sel.gif");
Fotostudio_Angebot_1_over = newImage("http://www.html.de/images/Fotostudio_Angebot-1-over.gif");
Fotostudio_Angebot_1_sel = newImage("http://www.html.de/images/Fotostudio_Angebot-1-sel.gif");
Fotostudio_Kontakt_1_over = newImage("http://www.html.de/images/Fotostudio_Kontakt-1-over.gif");
Fotostudio_Kontakt_1_sel = newImage("http://www.html.de/images/Fotostudio_Kontakt-1-sel.gif");
Fotostudio_Preise_1_over = newImage("http://www.html.de/images/Fotostudio_Preise-1-over.gif");
Fotostudio_Preise_1_sel = newImage("http://www.html.de/images/Fotostudio_Preise-1-sel.gif");
Fotostudio_Bilder_1_over = newImage("http://www.html.de/images/Fotostudio_Bilder-1-over.gif");
Fotostudio_Bilder_1_sel = newImage("http://www.html.de/images/Fotostudio_Bilder-1-sel.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Fotostudio.psd) -->
<table id="Table_01" align="center" width="601" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="http://www.html.de/images/Fotostudio_01.gif" width="600" height="180" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="180" alt=""></td>
</tr>
<tr>
<td rowspan="12">
<img src="http://www.html.de/images/Fotostudio_02.gif" width="21" height="320" alt=""></td>
<td rowspan="2">
<a href="#"
onmouseover="toggleImages('Fotostudio_Angebot_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-over.gif'), 'Fotostudio_Kontakt_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-over.gif'), 'Fotostudio_Preise_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-over.gif'), 'Fotostudio_Bilder_1',
new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-over.gif'), '', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-over.gif')); return true;"
onmouseout="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-sel.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'),
'Fotostudio_Angebot_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-sel.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'),
'Fotostudio_Kontakt_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-sel.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'),
'Fotostudio_Preise_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-sel.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'),
'Fotostudio_Bilder_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1-sel.gif'),
'', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif')); return true;"
onmouseup="selected='Fotostudio_Home_1'; changeImages('Fotostudio_Home_1', 'images/Fotostudio_Home-1-sel.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif');
return true;">
<img name="Fotostudio_Home_1" src="http://www.html.de/images/Fotostudio_Home-1.gif" width="106" height="45" border="0" alt=""></a></td>
<td colspan="3">
<img src="http://www.html.de/images/Fotostudio_04.gif" width="473" height="9" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td rowspan="11">
<img src="http://www.html.de/images/Fotostudio_05.gif" width="12" height="311" alt=""></td>
<td rowspan="9">
<iframe src="iframe.html" name="iFrame" width="382" height="204" frameborder="0" border="0"></iframe></td>
<td rowspan="11">
<img src="http://www.html.de/images/Fotostudio_07.gif" width="79" height="311" alt=""></td>
<td>
<img src="http://www.html.de/images/spacer.gif" width="1" height="36" alt=""></td>
