Probleme mit Fenster oeffnen
peppe
- html
Hoi!
Ich habe eine Seite mit Bildern. Nun will ich das wenn man auf ein Bild klickt, diese vergrößert wird bzw. in einem neuen Fenster geöffnet wird(dieses Fenster sollte dann aber ueber kein Menue's verfuegen).
Wenn man dann wieder auf das vergrößerte Bild klickt, soll wieder die Uebersicht gezeigt werden.
Hat einer einen Hinweis? Bin nen blutiger newbie und habe von HTML noch nicht viel Ahnung.
Hier noch mein Quelltext:
<html>
<head>
<title></title>
</head>
<body text="#000000" bgcolor="#FFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="background-image:url(Image/Logo002.gif);background-attachment:fixed">
<img src="Image/Tresor001.jpg" width="642" height="440" border="0" alt=""usemap="#Tresorwand">
<map name="Tresorwand">
<area shape="rect" coords="130,40,230,145" href="Image/Tresor011.jpg" alt="Tresor11">
<area shape="rect" coords="300,70,430,145" href="Image/Tresor010.jpg" alt="Tresor10">
<area shape="rect" coords="300,70,430,145" href="Image/Tresor010.jpg" alt="Tresor10">
</map>
</body>
</html>
greez
Hoi!
Tach!
(dieses Fenster sollte dann aber ueber kein Menue's verfuegen).
Wieso? Wer die Bilder für sich haben will, lässt sich davon nicht stören, sondern nimmt seine rechte Maustaste oder wget. Auch aus optischen Gründen ist das etwas zweifelhaft, denn die Fenster kannst du nur mit JavaScript manipulieren und es gibt viele Nutzer, die keines aktiviert haben.
Wenn man dann wieder auf das vergrößerte Bild klickt, soll wieder die Uebersicht gezeigt werden.
Mit dem von dir vorgesehenen Quelltext bekommst du Probleme, denn mit einem Bild an sich kannst du im Browserfenster wenig machen. Anstatt in der Imagemap direkt auf die Bilddateien zu verweisen, packe doch um jedes Bild eine HTML-Seite. Diese HTML-Datei hat nur den einzigen Zweck, dass du dort dann das Bild als Link zurück zur Hauptseite notieren kannst. Ich erklärs genauer mit Beispiel:
<body text="#000000" bgcolor="#FFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="background-image:url(Image/Logo002.gif);background-attachment:fixed">
Nur nebenbei: Warum nimmst du nicht gleich reinrassiges CSS statt "altem" HTML und CSS?
<img src="Image/Tresor001.jpg" width="642" height="440" border="0" alt=""usemap="#Tresorwand">
<map name="Tresorwand">
<area shape="rect" coords="130,40,230,145" href="Image/Tresor011.html" alt="Tresor11">
<area shape="rect" coords="300,70,430,145" href="Image/Tresor010.html" alt="Tresor10">
<area shape="rect" coords="300,70,430,145" href="Image/Tresor010.html" alt="Tresor10">
</map>
Jede TresorXXX.html hätte dann so einen body:
<div>
<a href="index.html"><img src="Image/TresorXXX.jpg" alt="TresorXX"></a>
</div>
greez
HTH, Robert
Hallo,
Ich habe eine Seite mit Bildern. Nun will ich das wenn man auf ein Bild klickt, diese vergrößert wird bzw. in einem neuen Fenster geöffnet wird(dieses Fenster sollte dann aber ueber kein Menue's verfuegen).
Zu Zusatzfenstern lies mal:
http://molily.de/javascript-popups
http://selfhtml.teamone.de/javascript/objekte/window.htm#open
Viele Benutzer moegen keine Zusatzfenster, egal, ob Du
sie mit JavaScript oder target-Attributen oeffnest.
Bild-Vergroesserungen sind IMHO ein Fall, wo man
sich Zusatzfenster ueberlegen kann. Es gibt aber
auch andere Loesungen...
Wenn man dann wieder auf das vergrößerte Bild klickt, soll wieder die Uebersicht gezeigt werden.
Also das Zusatzfenster wieder geschlossen werden, richtig?
Wenn das wirklich passieren soll, wenn der Benutzer auf
das Bild im Zusatzfenster klickt, dann reicht es nicht,
dort einfach das grosse Bild anzuzeigen, sondern dieses
muss auch noch in einem Link stehen oder ein OnClick-Attribut
haben. Also brauchst Du auch im Zusatzfenster HTML/JavaScript.
Denk auch an die Benutzer, die kein JavaScript haben.
Am einfachsten verlinkst Du direkt auf das grosse Bild.
Dann koennen diese Leute einfach mit der "Zurueck" Funktion
des Browsers wieder zur Uebersicht gelangen.
<a href="grossbild1.jpg" onClick="..."><img src="kleinbild1.jpg" alt="..."></a>
<img src="Image/Tresor001.jpg" width="642" height="440" border="0" alt=""usemap="#Tresorwand">
Vor usemap braucht es eine Leerzeichen.
Gruesse,
Thomas