| von Viruskiller |
Hallo ihr lieben Leute,
meine hp hab ich gerade mal freigeschalten, damit ihr mir vielleicht besser bei meinem problem helfen könnt. ich wäre euch echt sehr sehr dankbar für eine lösung. hier die hp: www.gerdburger.com
die hp wurde folgendermaßen aufgebaut: index ruft die hauptseite auf mit einem iframe, wo alle punkte im menü aufgerufen werden. so auch die fotos. die fancybox öffnet nun die fotos, jedoch nur in der größe des iframes. mein ziel ist aber, dass die fotos über das ganze fenster geöffnet werden sollen.
danke für eure hilfe!!!
lg, gerd
hier der code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>Gerd Burger</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=Portfolio]").fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'margin' : 20,
'padding' : 10,
'titlePosition' : 'inside',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script>
<style>
body {
scrollbar-face-color: #BB9220;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #BB9220;
scrollbar-3dlight-color: #FBF5C3;
scrollbar-darkshadow-color: #7F7F7F;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}
h1 {
position: absolute;
left: 35px;
top: 40px;
margin: 0;
paddin: 0;
}
html {
overflow-y: visible;
overflow-x: hidden;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#BB9220" link="#000000" vlink="#000000" alink="#000000">
<h1>
<table align="left" width="100%" height="150" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left"><font face="verdana" color="#BB9220" size="2">
<b>FOTOS</b></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td><a rel="Portfolio" href="../Fotos/Portfolio/EM1_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM1_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM2_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM2_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM3_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM3_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM4_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>""><img alt="" src="../Fotos/Portfolio/EM4_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM5_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM5_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM6_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM6_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM7_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM7_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM9_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>""><img alt="" src="../Fotos/Portfolio/EM9_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM8_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM8_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/EM10_b.jpg" title="by Mädl Emmerich<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/EM10_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/Fame1_b.jpg" title="by Fame Int.<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/Fame1_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/Allianz1_b.jpg" title="Allianz Versicherung<br><b>Gerd Burger</b>""><img alt="" src="../Fotos/Portfolio/Allianz1_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/Allianz2_b.jpg" title="Allianz Versicherung<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/Allianz2_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/Allianz3_b.jpg" title="Allianz Versicherung<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/Allianz3_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/CastingCouch1_b.jpg" title="<br><b>Gerd Burger</b>"><img alt="" src="../Fotos/Portfolio/CastingCouch1_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/WrLinien2_b.jpg" title="Wiener Linien<br><b>Gerd Burger</b>""><img alt="" src="../Fotos/Portfolio/WrLinien2_s.jpg" /></a>
<a rel="Portfolio" href="../Fotos/Portfolio/WrLinien1_b.jpg" title="Wiener Linien<br><b>Gerd Burger</b>"><img class="last" alt="" src="../Fotos/Portfolio/WrLinien1_s.jpg" /></a></td>
</tr>
<tr>
<td colspan="4" height="10"></td>
</tr>
</table>
</h1>
</body>
</html> |
|
