Hallo Martina,
es ist ein Javascript. Dort wo die 4 Bilder von mir drin sind, ist eine extra Seite. Die nennen wir mal: "test1.htm". In dieser Seite setzt Du deine Bilder rein...in Tabellen oder auch halt nebeneinander. Den Code den Du unten siehst setzt Du bei Dir in die "test1.htm" ein, musst nur die Bilder ändern:
Code:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test1.htm</title>
<base target="_self">
<style type="text/css">
<!--
body {
background-color: #5A8196;
}
-->
</style></head>
<body>
<table width="2580" border="0" style="margin-bottom: 0">
<tr>
<td width="2580"><b><font color="#FFFFFF"><a href="javascript:window.close();">
<img border="0" src="bild1" align="left" width="640" height="480" alt="- Fenster schließen -">
<img border="0" src="bild2" align="left" width="640" height="480" alt="- Fenster schließen -">
<img border="0" src="bild3" align="left" width="640" height="480" alt="- Fenster schließen -">
<img border="0" src="bild4" align="left" width="640" height="480" alt="- Fenster schließen -">
</a></font></b></td>
</tr>
</table>
</body>
</html>
Wenn Du dies hast, legst Du eine "test2.htm" an. Dort ist dann das kleine Bild, wenn man da drauf drückt, öffnet sich die "test1.htm" mit den 4 Bildern.
Den Code hier setzt Du in den "Head" Bereich!
Code:
<script language="javascript">
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+''
win = window.open(mypage,myname,settings)
}
</script>
Dann fehlt noch die Zuweisung für das PopupFenster wo ja dann die "test1.htm" aufgeht.
Code:
<a onclick="NewWindow(this.href,'name','800','533','yes');return false" style="text-decoration: none" href="test1.htm" >
<div align="center"><img src="kleines-Vorbild.jpg" width="100" height="75" border="0"></div>
In diesem Code wird beschrieben wie groß das Fenster sein soll, wo Deine "test1.htm" angezeigt wird. Diesen Code setzt Du in den Body-Bereich.
Ja das wärs eigentlich gewesen.Probier es mal aus und meld Dich einfach nochmal.
Gruß tino
, dass nach einen Klick auf ein kleines Bild ein großes erscheint. Nur leider ist das noch keine "Galerie", sondern viel mehr eine einzelbild Darstellung. Habe das über Verhalten < Broweserfenster öffnen gemacht.
