nicht angemeldet
Grafiken in einem Fenster öffnen
Hallo,
gibt es einen Code oder ein Scipt, mit dem man mehrere verschiedene Bilder einzelnt aufrufen kann, die aber immer auf ein und der selben Seite in einem Rahmen geöffnet werden.
Bspl.
Ich habe die Bilder 1 - 5 und die sollen wenn ich auf Bild 1 der Thumbs klicke, auf Seite Bild.html in nem Rahmen angezeigt werden. (Bis dahin ist es auch noch klar wie). Wenn ich nun auf Bild 2 klicke, soll dieses bild dann, anstatt Bild 1, auf Seite Bild.html im Rahmen erscheinen.
Der Zweck von dem ganzen ist es, das ich somit nicht 5 Seiten sondern nur eine Seite für die "grossen" Bilder machen müsste.
Ich hoffe mal das es verständlich ist, was ich meine.
Dank schon mal im voraus.
Gruss
Christian
-
Hallo,
gibt es einen Code oder ein Scipt, mit dem man mehrere verschiedene Bilder einzelnt aufrufen kann, die aber immer auf ein und der selben Seite in einem Rahmen geöffnet werden.
Bspl.
Ich habe die Bilder 1 - 5 und die sollen wenn ich auf Bild 1 der Thumbs klicke, auf Seite Bild.html in nem Rahmen angezeigt werden.(Bis dahin ist es auch noch klar wie). Wenn ich nun auf Bild 2 klicke, soll dieses bild dann, anstatt Bild 1, auf Seite Bild.html im Rahmen erscheinen.
Der Zweck von dem ganzen ist es, das ich somit nicht 5 Seiten sondern nur eine Seite für die "grossen" Bilder machen müsste.
Ich hoffe mal das es verständlich ist, was ich meine.
Dank schon mal im voraus.
Gruss
Christianweise doch bild.html einfach einen frame-namen zu (frameset) und öffne die bilder mit target
-
Danke erst mal.
Die Idee hatte ich auch schon und habe es bis jetzt auch so gemacht. Mich stört es nun aber, das die Bilder erstens nur links oben in der Ecke aufgehen und zweitens das der Hintergrund weis ist.
Deshalb bin ich ja auf den Trichter mit der einen Seite gekommen.
FG
Christian
-
Hi Christian,
mit JavaScript könnte das klappen. Zuerst brauchst Du ein Frameset. In einem Frame die Liste mit den Thumbnails und einem kleinen JavaScript:
<CUT>
<script language="javascript">
<!--
function swapimg(file){
parent.frames['big'].bigview.src=file;
}
//-->
</script>
<p><a href="javascript:swapimg('1.jpg')"><img src="1thumb.gif" border="0"></a></p>
<p><a href="javascript:swapimg('2.jpg')"><img src="2thumb.gif" border="0"></a></p>
...
<CUT>Und dann die Seite für die Großansicht:
<CUT>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td align="center" valign="middle">
<table border="5" cellpadding="0" cellspacing="0">
<tr><td>
<p><img src="" border="0" name="bigview"></p>
</td></tr>
</table>
</td></tr>
</table>
<CUT>Ich hoffe das ist so verständlich für Dich...
Ciao
Andreas-
Hallo nochmal,
das hört sich ja schon alles ganz gut an, aber 1. habe ich es net zum laufen bekommen und zweitens, habe ich auf meiner Seite schon zwei Frames und wollte es so machen, das ich die Seite mit dem "grossen" Bild im gleichen Frame öffne wie die Thumbs.
Und zurück wollte ich dann über einen Button auf der "gross"Bild Seite.Aber trotzdem erst mal Danke für die Hilfe.
Evtl. hat ja noch jemand ne Idee wie ich, das verwirklichen kann.
FG
Christian
-
-
Hallo,
Ich habe das auf meiner Seite wie folgt gelöst.
<script language="JavaScript">
<!-- vor alten Browsern versteckenfunction erzeugeFenster(url,breite,hoehe) {
/* Für breite und hoehe übergebe ich die Größe des dargestellten Bildes
plus für:
breite + 20
hoehe + 40 */neuesFenster = open("", "displayWindow", "width="+breite+","+"height="+hoehe);
neuesFenster.document.open();
with (neuesFenster.document) {
write("<html><head><title> . . . : : : GOLDGUYSAFFEN Screenshot : : : . . . . . . . . . . . . . . . . .</title></head>");
write("<body leftmargin="+0+" topmargin="+0+" marginwidth="+0+" marginheight="+0+">");
write("<table width="+breite+" border="+0+" cellpadding="+0+" cellspacing="+0+">");
write(" <tr>");
write(" <td width="+breite+" height="+hoehe+" align='center' valign='middle' bgcolor='#283A56'>");
write("<img src="+url+" width="+(breite-20)+" height="+(hoehe-40)+">");
write(" </td>");
write(" </tr>");
write("</table>");
write("</body>");
write("</html>");
}
neuesFenster.document.close();
}function FensterSchliessen() {
neuesFenster.close();
}// -->
</script><a href="javascript:erzeugeFenster('grafik/mi1cover_gross.jpg','464','616')">
So sieht das bei mir aus... ich denke an dem Code könnte man noch einiges verbessern, aber es funktioniert. Und das war mir für den Anfang das wichtigste.
Hoffe das entspricht deinen Vorstellungen und hilft dir ein bischen weiter.
Grüße - Andre
-
-