Ismet: Finde Fehler nicht Thumbs vergrössern

Hallo Alle,

erst moch mal Euch ein gutes neues Jahr.

Nun zum Problem:

Ich habe eine Bilderseite mit vielen Thumbs erstellt. Zu sehen:

www.flycity.de und dann Menüpunkt Bilder (Problem siehe bitte bei der Katze Aladin).

Die Seite mit den Thumbs ist soweit fertig. Jetzt suche ich ein möglichst einfaches Script das folgendes erreichen soll:

Durch anklicken der Thumbs öffnet sich ein popup in dem das Bild in Originalgröße erscheint.

Ich habe bereits ein passendes Script gefunden, das Problem ist nur, folgendes: wenn ich in die Thumbs das JavaScript einbaue, erscheint das Thumb 2 x ! Ich arbeite mit NetObjects Fusion 5.02 (falls das eine Rolle spielt...)

Hier das Script:

<SCRIPT LANGUAGE="JavaScript">
  function openindex()
  {
  var OpenWindow=window.open("", "newwin","height=530,width=800");

OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
   }

</SCRIPT>

<a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin_11.jpg' border='no'></a>

<IMG ID="Bild3" HEIGHT=56 WIDTH=100 SRC="file:///C:/Dokumente und Einstellungen/Ismet/Eigene Dateien/Eigene Bilder/Aladin/thumbs/Aladin 1.jpg" BORDER=0 >

Wichtig wäre mir, das ich die Thumbs, so wie sie jetzt auf der Seite sind nur durch anklicken in einem passenden, neuen Fenster öffnen kann.

Andere Scripts sind recht kompliziert und erstellen dazu neue HTML-Seiten, das würde ich gerne vermeiden...

So, nun bedanke ich mich im Voraus für Eure Mühe !

Würde mich freuen wenn ein paar kreative Vorschläge entstehen würden.

Herzlichen Dank

Easy
www.flycity.de

  1. Hallo,
    dir auch ein frohes neues.

    Du hast das Bild ja zweimal im code, dann muss es ja zweimal erscheinen:

    <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin_11.jpg' border='no'></a>

    <IMG ID="Bild3" HEIGHT=56 WIDTH=100 SRC="file:///C:/Dokumente und Einstellungen/Ismet/Eigene Dateien/Eigene Bilder/Aladin/thumbs/Aladin 1.jpg" BORDER=0 >

    Einmal im <a></a> und einmal ohne. Mach das untere weg, dann erscheint es nur einmal.

    Saludo
    piz

    1. Hallo Piz,

      danke für den Tipp.

      Das hier:

      <IMG ID="Bild3" HEIGHT=56 WIDTH=100 SRC="file:///C:/Dokumente und Einstellungen/Ismet/Eigene Dateien/Eigene Bilder/Aladin/thumbs/Aladin 1.jpg" BORDER=0 >

      Hat Netobjects erstellt, das war die Adresse für das Thumb.

      Wenn ich das jetzt lösche, muss ich den Script-Code anders einfügen, das geht (wenn ich es genau an der Stelle haben will) nur in dem ich ein Textfeld aufmache und dort den folgenden Code eingebe (für ein anderes Bild jetzt):

      <P><FONT FACE="Arial,Helvetica,Univers,Zurich BT,sans-serif"><SCRIPT LANGUAGE="JavaScript">
        function openindex()
        {
        var OpenWindow=window.open("", "newwin","height=530,width=800");

      OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
         }

      </SCRIPT>

      <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin/Aladin1A.jpg' border='no'></a>

      </FONT></P>

      Dann klappt das zwar mit Thumb und das Fenster öffnet sich, aber ein leeres Fenster.

      Das ist komisch da das hier, mit dem anderen Bild wunderbar funktioniert, und der Code ist doch bis auf den Pfad des Bildes gleich...:

      <P><FONT FACE="Arial,Helvetica,Univers,Zurich BT,sans-serif"><SCRIPT LANGUAGE="JavaScript">
        function openindex()
        {
        var OpenWindow=window.open("", "newwin","height=530,width=800");

      OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
         }

      </SCRIPT>

      <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin_11.jpg' border='no'></a>

      </FONT></P>

      *inTischkantebeiss*

      Oder übersehe ich was so offensichtliches, das ich vor lauter Bäumen den Wald nicht mehr sehe ???

      Danke

      Easy

      (Mache das WAV-Zeug raus!)

      1. Ehrlich gesagt, mir ist es ein rätselt wie in das fenster das Bild überhaupt reinkommt.
        Aber vielleicht hab ich auch was übersehen.
        Ich würd das mal so machen - mach genau das Bild was fusions erstellt hat, das mit dem id usw in den link rein und das andere raus und probiere obs dann klappt.

        Saludo, piz

        1. Meine Rede !!!

          Verstehe es auch nicht....

          Oder mal was ganz anderes, nachdem das Script ja irgendwie nicht will, hat jemand ein anderes Script ? Eines das nicht soooo lang und damit kompliziert ist ?

          Muss nur ein Pop-Up sein, bei dem ich die Bildgröße anpassen kann...

          Gruss

          Easy

          Das hier war das original Script:

          <SCRIPT LANGUAGE="JavaScript">
            function openindex()
            {
            var OpenWindow=window.open("", "newwin","height=318,width=402");
             OpenWindow.document.write("<img src='http://www.flycity.de/Bilder/Aladin/Aladin1A.jpg'>")
             OpenWindow.document.write("<br>")
             OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
             }

          </SCRIPT>

          <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin/Aladin1K.jpg' border='no'></a>

          Eigentlich ganz einfach, aber......

          Gruss & Dank

          Easy

          Ehrlich gesagt, mir ist es ein rätselt wie in das fenster das Bild überhaupt reinkommt.
          Aber vielleicht hab ich auch was übersehen.
          Ich würd das mal so machen - mach genau das Bild was fusions erstellt hat, das mit dem id usw in den link rein und das andere raus und probiere obs dann klappt.

          Saludo, piz

          1. Hallo Easy, (tut mir leid ;-)

            Glaub mir doch: Das Script, das du im Ursprunsposting und in [pref:t=33619&m=182896] gepostet hast, wird nicht vom Browser ausgeführt. Du kannst es herauslöschen, ohne dass sich etwas ändert, weil es weiter unten durch eine andere Funktion überschrieben wird.

            Das hier war das original Script:

            <SCRIPT LANGUAGE="JavaScript">
              function openindex()
              {
              var OpenWindow=window.open("", "newwin","height=318,width=402");
               OpenWindow.document.write("<img src='http://www.flycity.de/Bilder/Aladin/Aladin1A.jpg'>")
               OpenWindow.document.write("<br>")
               OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
               }

            </SCRIPT>

            Genau, und das ist es auch immer noch, weil dieses Script immer noch im Quelltext steht und die von dir abgeänderte Version überschreibt. Und dieses Script funktioniert auch wunderbar.

            Ehrlich gesagt, mir ist es ein rätselt wie in das fenster das Bild überhaupt reinkommt.

            Genau: Daran habe ich mir auch zuerst die Zähne ausgebissen. Bis ich bemerkt habe, dass dieses Script überhaupt nicht ausgeführt wird.

            Ich poste mal den gesamten Quelltext, so abgeändert, wie ich es in [pref:t=33619&m=182872] meinte. Ich weiß, ich habe mich dort etwas arg umständlich ausgedrückt. Vielleicht ist durch diesen Quelltext eher zu verstehen, was ich sagen wollte. Der Code ist etwas unübersichtlich, weil ich wirklich nur das abgeändert habe, was ich in [pref:t=33619&m=182872] beschrieben habe. Es funktioniert bei mir in Opera 7, IE 6 und NC 4&6 (andere Browser nicht getestet, aber keine Probleme erwartet).

            Viel Erfolg,
            Robert

            Der Code:

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-2"><META NAME="Author" CONTENT="Easy"><META NAME="Generator" CONTENT="NetObjects Fusion 5.0.2 für Windows"><META NAME="Keywords" CONTENT="Flugbegleiter, Steward,  Airline, Flugesellschaft, Fliegen,  Air,  Airlines, UFO, Reisen, Urlaub, TUI, Touristik, Job, Beruf, Flight Attendant,reisen"><META NAME="Flugbegleiter" CONTENT="Videos Fun Berichte alles über den Beruf"><TITLE>Aladin</TITLE><BASE TARGET="_parent">

            <SCRIPT LANGUAGE="JavaScript">
            <!--
            function openindex()
            {
              var OpenWindow=window.open("", "newwin","height=500,width=750");
              OpenWindow.document.write("<img src='http://www.flycity.de/Bilder/Aladin_1.jpg'>")
              OpenWindow.document.write("<br>")
              OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
            }
            //-->
            </SCRIPT>

            </HEAD><BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#FFFFFF" TOPMARGIN=2 LEFTMARGIN=2 MARGINWIDTH=2 MARGINHEIGHT=2><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=836 NOF=LY><TR VALIGN=TOP ALIGN=LEFT><TD WIDTH=11 HEIGHT=50><IMG SRC="../../clearpixel.gif" WIDTH=11 HEIGHT=1 BORDER=0></TD><TD WIDTH=1><IMG SRC="../../clearpixel.gif" WIDTH=1 HEIGHT=1 BORDER=0></TD><TD WIDTH=18><IMG SRC="../../clearpixel.gif" WIDTH=18 HEIGHT=1 BORDER=0></TD><TD></TD><TD WIDTH=50><IMG SRC="../../clearpixel.gif" WIDTH=50 HEIGHT=1 BORDER=0></TD><TD WIDTH=57><IMG SRC="../../clearpixel.gif" WIDTH=57 HEIGHT=1 BORDER=0></TD><TD WIDTH=43><IMG SRC="../../clearpixel.gif" WIDTH=43 HEIGHT=1 BORDER=0></TD><TD WIDTH=50><IMG SRC="../../clearpixel.gif" WIDTH=50 HEIGHT=1 BORDER=0></TD><TD WIDTH=25><IMG SRC="../../clearpixel.gif" WIDTH=25 HEIGHT=1 BORDER=0></TD><TD WIDTH=75><IMG SRC="../../clearpixel.gif" WIDTH=75 HEIGHT=1 BORDER=0></TD><TD WIDTH=45><IMG SRC="../../clearpixel.gif" WIDTH=45 HEIGHT=1 BORDER=0></TD><TD WIDTH=5><IMG SRC="../../clearpixel.gif" WIDTH=5 HEIGHT=1 BORDER=0></TD><TD></TD><TD WIDTH=50><IMG SRC="../../clearpixel.gif" WIDTH=50 HEIGHT=1 BORDER=0></TD><TD WIDTH=12><IMG SRC="../../clearpixel.gif" WIDTH=12 HEIGHT=1 BORDER=0></TD><TD WIDTH=88><IMG SRC="../../clearpixel.gif" WIDTH=88 HEIGHT=1 BORDER=0></TD><TD WIDTH=100><IMG SRC="../../clearpixel.gif" WIDTH=100 HEIGHT=1 BORDER=0></TD><TD WIDTH=6><IMG SRC="../../clearpixel.gif" WIDTH=6 HEIGHT=1 BORDER=0></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=6 HEIGHT=78></TD><TD COLSPAN=9 WIDTH=405><IMG ID="Banner1" HEIGHT=78 WIDTH=405 SRC="../../Bilder/Aladin/Aladin_NBanner.gif" BORDER=0 ALT="Aladin"></TD><TD COLSPAN=3></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=18 HEIGHT=11></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=2 HEIGHT=30></TD><TD COLSPAN=16 VALIGN=MIDDLE WIDTH=824><HR ID="HRRule1" WIDTH=824 SIZE=1></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=18 HEIGHT=31></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=3 HEIGHT=56></TD><TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild2" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/Aladin1_1.jpg" BORDER=0></TD><TD></TD><TD COLSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100>

            <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin_11.jpg' border='no'></a>

            </TD><TD></TD><TD COLSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild4" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/Aladin_4.jpg" BORDER=0></TD><TD COLSPAN=2></TD><TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild5" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/Aladin_2.jpg" BORDER=0></TD><TD></TD><TD COLSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild6" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/Aladin_6.jpg" BORDER=0></TD><TD COLSPAN=2></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=18 HEIGHT=44></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=3 HEIGHT=56></TD><TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild7" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/AladinKuche_1.jpg" BORDER=0></TD><TD></TD><TD COLSPAN=2 ROWSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild8" HEIGHT=57 WIDTH=100 SRC="../../Bilder/Aladin/FL000001.jpg" BORDER=0></TD><TD></TD><TD COLSPAN=2 ROWSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild9" HEIGHT=57 WIDTH=100 SRC="../../Bilder/FL000012.jpg" BORDER=0></TD><TD COLSPAN=2></TD><TD ROWSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild10" HEIGHT=57 WIDTH=100 SRC="../../Bilder/Aladin/FL000010.jpg" BORDER=0></TD><TD></TD><TD COLSPAN=2 ROWSPAN=3 ALIGN=CENTER VALIGN=MIDDLE WIDTH=100><IMG ID="Bild11" HEIGHT=61 WIDTH=100 SRC="../../Bilder/Aladin/a_Bild_014.jpg" BORDER=0></TD><TD COLSPAN=2></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=5 HEIGHT=1></TD><TD></TD><TD COLSPAN=2></TD><TD></TD><TD COLSPAN=2></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=14 HEIGHT=4></TD><TD COLSPAN=2></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=18 HEIGHT=25></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD HEIGHT=30></TD><TD COLSPAN=16 VALIGN=MIDDLE WIDTH=819><HR ID="HRRule2" WIDTH=819 SIZE=1>

            </TD><TD></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=18 HEIGHT=48></TD></TR><TR VALIGN=TOP ALIGN=LEFT><TD COLSPAN=9 HEIGHT=22></TD><TD COLSPAN=2 ALIGN=CENTER VALIGN=MIDDLE WIDTH=120><A HREF="../../Bilder/body_bilder.html" TARGET="Haupttext"><IMG ID="Bild1" HEIGHT=22 WIDTH=120 SRC="../../%3A/Dokumente%20und%20Einstellungen/Ismet/Eigene%20Dateien/Eigene%20Bilder/Homepage/back3.gif" BORDER=0></A></TD><TD COLSPAN=7></TD></TR></TABLE></BODY></HTML>

  2. Ei guude wie?

    Also, ich wollte mich eigentlich Deinem Problem mal widmen, aber was passierte, als ich auf Deine Seite kam: <embed SRC="./mytakeseats.wav" HEIGHT=2 WIDTH=2 AUTOSTART=TRUE HIDDEN=TRUE LOOP=FALSE> ein neues Fenster öffnete sich und ich wurde gefragt, ob ich die Datei mit WinAmp abspielen will - wollte ich aber nicht! Na sei's drum, einfach mal nen Link geklickt - das gleiche schon wieder. Und weg war ich. Das ist der beste Weg, Besucher zu vertreiben....

    LG ausm Hesseland
    Lemmy

    http://www.olison.com

    --
    Realität ist die Illusion, die durch ein zu geringes Maß an Alkohol entsteht...
    1. Mhh,

      das ist komisch, von dem Problem hat mir noch niemand berichtet.

      Benutzt Du Opera als Browser ???

      Gruss

      1. Ich hab Mozilla und bei mir öffnet sich ein Fenster, das mich fragt ob ich das Plugin downloaden will.
        Was machst du da?
        Wave-Sound als Hintergrundmusik??
        kann ich nur abraten, aber schwer.
        Aber sehr sehr schwer...

        Ich kenne ehrlich gesagt keinen, der sich bei Hintergrundmusik von webseiten nicht aufregt - es sei denn es sind sounds wie bei www.derbauer.de, elitedesign und anderen flash-wundern.

        Gruß. paul

        1. Keine Hintergrundmusik, nur ein Signal.....(dauert ne Sekunde)

          Gruss

          Easy

      2. Ei guude wie?

        Benutzt Du Opera als Browser ???

        Nee, das war jetzt in Mozilla. Hab's nochmal in Opera 7 getestet - da wird _überhaupt nix_ angezeigt (also auch keine Seite).
        Wenn Du Hintergrundmusik willst, dann mach es mit Midi- oder mp3-Dateien (wav ist zu gross) und vor allen Dingen: Lass sie nicht automatisch abspielen! Mach einfach einen An-/Aus-Schalter (siehe Archiv). Alles andere ist IMHO Quatsch.

        LG ausm Hesseland
        Lemmy

        http://www.olison.com

        --
        Realität ist die Illusion, die durch ein zu geringes Maß an Alkohol entsteht...
  3. Hallo Ismet,

    erst moch mal Euch ein gutes neues Jahr.

    Danke, dir auch.

    Hier das Script:

    Nein, das isses nicht. Es gibt ja Leute, die ihre eigene Schrift nicht lesen können (ich bin da mal ganz ruhig ;-). Du scheinst dich in deinem eigenen Quelltext nicht auszukennen. Die Funktion, die du uns gepostet hast, gibt dem Browser keinerlei Hinweise, welches Bild er in dem neuen Fenster öffnen soll, deshalb war ich auch zuerst ziemlich verwirrt. Du hast unterhalb des Bildes noch einen zweiten script-Bereich, in dem die Funktion überschrieben wird. (Ist das Absicht? Wenn nicht, solltest den ersten Scriptbereich entfernen und den zweiten in den <head>-Bereich packen.)

    Der zweite Scriptbereich sieht so aus:

    <SCRIPT LANGUAGE="JavaScript">
      function openindex()
      {
      var OpenWindow=window.open("", "newwin","height=500,width=750");
       OpenWindow.document.write("<img src='http://www.flycity.de/Bilder/Aladin_1.jpg'>")
       OpenWindow.document.write("<br>")
       OpenWindow.document.write("<center><a href='javascript:self.close()' target='_self'>Close</a></center>")
       }
    </SCRIPT>

    (Nur eine besserwisserische Bemerkung: ich würde das in HTML-Kommentare schreiben: <!-- am Anfang und //--> am Ende)

    Jetzt zu deiner Frage: Dein Problem war, dass das Bild zweimal angezeigt wird. Im Quelltext steht:

    <a href="javascript:openindex()" target="_self"><img src='http://www.flycity.de/Bilder/Aladin_11.jpg' border='no'></a>

    <IMG ID="Bild3" HEIGHT=56 WIDTH=100 SRC="../../Bilder/Aladin/Aladin_1.jpg" BORDER=0>

    Ja logisch: Wenn du das Bild zweimal in die HTML-Datei einbindest (einmal davon übrigens unnötig groß), wird es auch zweimal angezeigt. Dass sollte eigentlich nicht so wahnsinnig überraschend sein ;-)
    Wenn du das zweite <img>-Tag entfernst, wird das Bild nur einmal angezeigt. Ist ja auch irgendwie logisch.
    (nebenbei: border='no' gibt es AFAIK nicht. Nimm lieber border="0")

    Viel Erfolg,
    Robert

    PS: "Bitte stellen Sie das Staunen ein und klappen Sie Ihre Kinnlade nach oben !"
        1. Es heißt: "klappen Sie die Kinnlade hoch" (wenn ich mich nicht irre)
        2. Kein Leerzeichen vor Satzzeichen
        3. Täusche ich mich, wenn ich glaube, das vor wenigen Monaten als vodafone-Werbung im
           Lufhansa-Magazin gelesen zu haben? Gleich auf Seite 2, kann man gar nicht übersehen.
           Es erscheint mir nicht sehr kreativ, seine Besucher mit einem geklauten Spruch zu
           empfangen ;-)

    4. Mein Opera (Version 7 beta 2) weigert sich, deine Seite anzuzeigen.

  4. Nun zum Problem:

    Ich habe eine Bilderseite mit vielen Thumbs erstellt. Zu sehen:

    www.flycity.de und dann Menüpunkt Bilder (Problem siehe bitte bei der Katze Aladin).

    Die Seite mit den Thumbs ist soweit fertig. Jetzt suche ich ein möglichst einfaches Script das folgendes erreichen soll:

    Durch anklicken der Thumbs öffnet sich ein popup in dem das Bild in Originalgröße erscheint.

    http://home.arcor.de/struebig/js/popup/popup_3.htm
    Das Skript sollte in allen neueren Browsern funktionieren und das tolle man kann die grossen Bilder auch ohne Javascript sehen.

    Struppi.