nicht angemeldet
grafiken im neuem fenster öffnen - angepasst am bild
hallo,
ich habe ein großes problem.
( zumindest ist es für mich ein großes problem und ich bin schon ziemlich verzweifelt )
ich versuche gerade eine private fanpage über bon jovi zu gestalten.
darunter auch einen " download " bereich.
nun zu meinem problem :
ich habe ca. 50 bilder die ich anfangs zum download anbieten möchte.
ich habe diese bilder als thumpnails in eine html seite eingebaut.
nun möchte ich zu jedem bild einen link namens " vorschau " einbinden.
hier meine frage ...
ist es möglich das sich zu jedem bild ein neues fenster öffnet welches sich dem bild anpasst ???
ich bekomme soweit alles hin.
auch das es sich im neuen fenster öfnnet ... nur leider nicht ans bild angepasst.
BITTE HELFT MIR !!!
vld
christian
-
Hallo Christian,
win wenig Code wäre hilfreich. Wi öffnest du dein Fenster; mit JS, mit _blank?
Wenn ersteres, wie sieht deine Funktion aus?
MfG
Dark Sider-
hallo
oh mann jetzt wirt es echt kompliziert für mich.
ich erkläre dir einfach mal wie ich es gemacht habe.ich bearbeite diese hp mit frontpage 2002.
ich habe die thumpnails so verlinkt das sich sich im neuen fenster öffnen sollen.
also nicht _blank.
das geht auch soweit.
das fenster öffnet sich immer nur in der selben größe also nicht an die bilder angepasst.vielen dank
christian
-
Hallo Christian,
ich bearbeite diese hp mit frontpage 2002.
schlecht.
Aber wie öffnen sich deine Fenster; mit JS?
A bisserl Code bitte...
Dark Sider
-
das ganzue sieht so aus ...
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head><body text="#C0C0C0" bgcolor="#445543" link="#445543">
<SCRIPT LANGUAGE="JavaScript">
<!--
imagename='';
function enlrge(imgnme)
{
OpenWin = this.open("","CtrlWindow","toolbar=No,menubar=No,location=No,scrollbars=No,resizable=Yes,status=No,width=670,height=550,left=250,top=150,");
imagename = imgnme;
setTimeout('update()',500)
}
function update()
{
doc = OpenWin.document;
doc.write('<HTML><HEAD><TITLE>bonjovi...more than a feeling</TITLE></HEAD><BODY bgcolor="#445543" onBlur="self.focus()">');
doc.write('<center><IMG SRC="' + imagename + '">');
doc.write('<form><input type="button" value="Close Window"onClick="window.close()"></form></center></BODY></HTML>');
doc.close();
}
//-->
</SCRIPT>
<p align="center"> </p><p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<div align="center">
<center>
<table border="0" cellspacing="1" style="border-collapse: collapse" width="5%">
<tr>
<td width="12%"><a onclick="javascript:enlrge ('1.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_1.jpg" border="0"></a></td>
<td width="12%"> <a onclick="javascript:enlrge ('2.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_2.jpg" border="0"></a></td>
<td width="12%"> <a onclick="javascript:enlrge ('3.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_3.jpg" border="0"></a></td>
<td width="12%"><a onclick="javascript:enlrge ('4.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_4.jpg" border="0"></a></td>
<td width="13%"><a onclick="javascript:enlrge ('5.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_5.jpg" border="0"></a></td>
<td width="13%"><a onclick="javascript:enlrge ('6.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_6.jpg" border="0"></a></td>
<td width="13%"><a onclick="javascript:enlrge ('7.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_7.jpg" border="0"></a></td>
<td width="13%"><a onclick="javascript:enlrge ('8.jpg');" href="javascript:void(0);">
<img height=34 width=50 alt="Click for larger image." src="t_8.jpg" border="0"></a></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<p> </p>
</center>
</div></body></html>
-
-
-
-
Moin!
Ich hatte die Tage schon mal jemand bei den selben Problem in ein anderen Forum deswegen geholfen.
Hier ist mal das Resultat, vielleicht steigst ja durch. Das ganze besteht aus zwei html- Datein eine mit den Namen pics.html und die andere mit den Namen thePic.html. In der pic.html sind zwar Normale Textlinks drin aber die kannst du durch eine Grafik ersetzen.
http://home.tiscali.de/d.woestefeld/sn-test/pics.htmlMfG
Dr. Ma-Busen-
genau das ist es !!!
vielen dank für eure schnelle hilfe.
lvg
christian
-