Hallo,
ich mache gerade eine Fotografen Webseite für mich und habe noch wenig Kenntnisse, was die jeweiligen Sprachen betrifft. Ich möchte für meine Gallerie die greybox verwenden, die ich mit Dreamweaver eingebunden habe. Ich bin inzwischen schon so weit, dass die greybox funktioniert, wenn ich ein ganz normales Image verwende. Ich dachte, jetzt müsste ich es bei meiner entsprechenden Seite (Rollover Images)einfach an die richtige Stelle setzten. Wenn ich es aber bei meinem Rolloverbild vor die img Zeilen setzte, funktioniert der Rollover-Effekt nicht mehr. Was muss ich also tun? An welche Stelle des Codes (s.u.)müssen die
<a href="Pfad/zum/Bild.jpg" rel="gb_imageset[besteBilder]" title="mein Bestes Bild!"> Zeilen? Vielleicht kann mir jemand einen Tipp geben!?
Hier der entsprechende Code:
LG devue
P.S.Diesen Hinweis habe ich gefunden, funktioniert allerdings nicht: (unten: Probleme mit Rollover und Greybox)
ich mache gerade eine Fotografen Webseite für mich und habe noch wenig Kenntnisse, was die jeweiligen Sprachen betrifft. Ich möchte für meine Gallerie die greybox verwenden, die ich mit Dreamweaver eingebunden habe. Ich bin inzwischen schon so weit, dass die greybox funktioniert, wenn ich ein ganz normales Image verwende. Ich dachte, jetzt müsste ich es bei meiner entsprechenden Seite (Rollover Images)einfach an die richtige Stelle setzten. Wenn ich es aber bei meinem Rolloverbild vor die img Zeilen setzte, funktioniert der Rollover-Effekt nicht mehr. Was muss ich also tun? An welche Stelle des Codes (s.u.)müssen die
<a href="Pfad/zum/Bild.jpg" rel="gb_imageset[besteBilder]" title="mein Bestes Bild!"> Zeilen? Vielleicht kann mir jemand einen Tipp geben!?
Hier der entsprechende Code:
Code:
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- InstanceEndEditable -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {
color: #aaabad;
}
a:visited {
color: #aaabad;
}
a:hover {
color: #aaabad;
}
</style>
<script type="text/javascript">
var GB_ROOT_DIR = "./GreyBox_v5_54/greybox/";
</script>
<script type="text/javascript" src="GreyBox_v5_54/greybox/AJS.js"></script>
<script type="text/javascript" src="GreyBox_v5_54/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="GreyBox_v5_54/greybox/gb_scripts.js"></script>
<link href="GreyBox_v5_54/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
</head>
<body onLoad="MM_preloadImages('images/still clear.jpg','images/WasserLand clear.jpg','images/schwarzweiss clear.jpg','images/inmiten clear.jpg','images/Berlin clear.jpg')">
<div class="container">
<div class="header">
<h1><a href="#">daniela horstmann photographie</a></h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">home</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="über.html">über</a></li>
<li><a href="kontakt.html">kontakt</a></li>
</ul>
<!-- end .header --></div>
<div class="content"><!-- InstanceBeginEditable name="hauptinhalt" -->
<table width="940" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="269" align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Still','','images/still clear.jpg',1)"><img src="images/still soft.jpg" alt="hier geht es zur Gallerie Still" name="Still" width="306" height="207" border="0"></a></td>
<td rowspan="2" align="center" valign="bottom"><a href="gallery/Wasserland/fahrwasser.jpg" rel="gb_imageset[Wasserland]" title="Fahrwasser"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('WasserLand','','images/WasserLand clear.jpg',1)"><img src="images/WasserLand soft.jpg" alt="hier geht es zur Galerie Wasserland" name="WasserLand" width="306" height="207" border="0"></a></td>
<td width="306" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Schwarzweiß','','images/schwarzweiss clear.jpg',1)"><img src="images/schwarzweiss soft.jpg" alt="hier geht es zur galerie schwarzweiß" name="Schwarzweiß" width="306" height="207" border="0"></a></td>
</tr>
<tr>
<td rowspan="2" align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Inmitten','','images/inmiten clear.jpg',1)"><img src="images/inmitten soft.jpg" name="Inmitten" width="306" height="207" border="0"></a></td>
<td height="84"> </td>
</tr>
<tr>
<td height="252" colspan="2" align="center" valign="middle"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Berlin','','images/Berlin clear.jpg',1)"> <img src="images/Berlin soft.jpg" alt="hier geht es zur Galerie Berlin" name="Berlin" width="306" height="207" hspace="150" border="0"></a></td>
</tr>
</table>P.S.Diesen Hinweis habe ich gefunden, funktioniert allerdings nicht: (unten: Probleme mit Rollover und Greybox)
