peppe: Probleme mit Fenster oeffnen

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

  1. 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

  2. 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

    --
    Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
    Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
    Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/