Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren - baseportal Forum - Web-Anwendungen einfach, schnell, leistungsfähig!
baseportal
English - Deutsch "Es gibt keine dummen Fragen - jeder hat einmal angefangen"

 baseportal-ForumDie aktuellsten 10, 30, 50, 100 Einträge anzeigen.  

 
 Ausgewählter Eintrag: Zur Liste 
    Beitrag von Thomas H. (180 Beiträge) am Montag, 22.Mai.2006, 23:39.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Hier eine JavaScript Variante.
      Hat der User kein Javascript aktiviert,
      dann hat er ( oder Du ) allerdings Pech. 



      <html>
  <head>
    <title>Dynamic Popup</title>

          <script language="JavaScript">
            function popup(w,h,site) {
              x = screen.availWidth/2-w/2;
        y = screen.availHeight/2-h/2;
        var popupWindow = window.open(
            '','','width='+w+',height='+h+',left='+x+',top='+y+',screenX='+x+',screenY='+y);
        popupWindow.document.write(site);
      }
    </script>

        </head>
  <body>
    <a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>
  </body>
      </html>



      Aufgerufen wird das Popup innerhalb eines Scripts einfach direkt über die Funktion popup():

      popup(Breite,Höhe,'<html> ... </html>')
      Oder, wie in obigem Beispiel, mit einem Link:

      <a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>


      Der Inhalt der Seite wird in ganz normalem HTML geschrieben. Beachten Sie jedoch, dass Anführungsstriche gegebenenfalls mit einem Backslash maskiert werden müssen (\" und \' statt " und ').


    Antworten

 Alle Einträge zum Thema: Zur Liste 
    Beitrag von H.G. (29 Beiträge) am Montag, 22.Mai.2006, 14:42.
    verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Wer kann mit hier helfen. Bitte keine Beispiele aus der Bibi.

      Ich benutze die Baseportal Mietversion mit php und möchte
      Bilder, die ich in einer eigenen Ausgabeseite unter Details
      anzeigen lasse.

      Das Bild sollen nur in einer Größe von 150 x 150 pixel angezeigt werden.
      Das funktioniert auch über:

      <IMG SRC="/files/$_raw{objektbild1}" WIDTH="150" HEIGHT="150" BORDER="0" NATURALSIZEFLAG="0" ALIGN="MIDDLE">&

      Wenn ich jetzt auf dieses verkleinerte Bild klicke, soll sich ein popup-Fenster
      öffnen und das Bild in voller Größe angezeigt werden.

      Danke für eure Vorschläge im voraus!

      Gruß
      H.G.

     Antworten

    Beitrag von Claus (4645 Beiträge) am Montag, 22.Mai.2006, 15:07. WWW: jobmarder.de
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

     Antworten

    Beitrag von H.G: (2 Beiträge) am Montag, 22.Mai.2006, 22:56.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Danke Claus für deinen Hinweis,
      jedoch bringt mich der nicht viel weiter.

      Also ich bin bereits einen Schritt weiter gekommen:

      <loop db=datenbank>
<A href="http://meinedomain.de/files/$_raw{objektbild1}" WIDTH="100" HEIGHT="100" BORDER="0" NATURALSIZEFLAG="0" ALIGN="MIDDLE" TARGET="_blank">
<IMG SRC="http://meinedomain.de/files/$_raw{objektbild1}" WIDTH="100" HEIGHT="100" BORDER="0" NATURALSIZEFLAG="0" ALIGN="MIDDLE">
</loop>

      Hier wird mir das Bild zunächst in der Vorschau verkleinert dargestellt und wenn ich darauf klicke - vergrößert.

      Jedoch geschieht die Vergrößerung in einen neuen Browserfenster.
      Ich würde es aber lieber in einem Popupfenster vergrößert sehen, nur mit schmalen Rahmen ohne den ganzen anderen Browser Schnick schnack.


      Wie müsste ich den og. Code verändern?

      Gruß
      H.G.

     Antworten

    Beitrag von H.G: (2 Beiträge) am Montag, 22.Mai.2006, 22:58.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Oh wie ich sehe habe ich mich vertan! So wären ja die Bilder gleich groß

      Also richtig:

      <loop db=datenbank>
<A href="http://meinedomain.de/files/$_raw{objektbild1}" WIDTH="200" HEIGHT="200" BORDER="0" NATURALSIZEFLAG="0" ALIGN="MIDDLE" TARGET="_blank">
<IMG SRC="http://meinedomain.de/files/$_raw{objektbild1}" WIDTH="50" HEIGHT="50" BORDER="0" NATURALSIZEFLAG="0" ALIGN="MIDDLE">
</loop>

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Montag, 22.Mai.2006, 23:39.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Hier eine JavaScript Variante.
      Hat der User kein Javascript aktiviert,
      dann hat er ( oder Du ) allerdings Pech. 



      <html>
  <head>
    <title>Dynamic Popup</title>

          <script language="JavaScript">
            function popup(w,h,site) {
              x = screen.availWidth/2-w/2;
        y = screen.availHeight/2-h/2;
        var popupWindow = window.open(
            '','','width='+w+',height='+h+',left='+x+',top='+y+',screenX='+x+',screenY='+y);
        popupWindow.document.write(site);
      }
    </script>

        </head>
  <body>
    <a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>
  </body>
      </html>



      Aufgerufen wird das Popup innerhalb eines Scripts einfach direkt über die Funktion popup():

      popup(Breite,Höhe,'<html> ... </html>')
      Oder, wie in obigem Beispiel, mit einem Link:

      <a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>


      Der Inhalt der Seite wird in ganz normalem HTML geschrieben. Beachten Sie jedoch, dass Anführungsstriche gegebenenfalls mit einem Backslash maskiert werden müssen (\" und \' statt " und ').

     Antworten

    Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 01:43.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Danke hat super funktioniert

     Antworten

    Beitrag von mk (966 Beiträge) am Dienstag, 23.Mai.2006, 08:24.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      hab ich nicht das auch schon gesucht?
      gib mal ein Link wo du das einsetzt.

      Michael

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Dienstag, 23.Mai.2006, 10:31.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Hallo Michael,

      ich selbst hatte es mal eine zeitlang eingesetzt aber
      jetzt wieder gelöscht. Grund: wie schon gesagt.
      Hat der User JavaScript deaktiviert geht gar nix mehr.
      Und die Deaktivierung führen einige Sicherheitsprogramme,
      ( z.B. Norton Internet Security ) manchmal sogar von selbst durch.
      D.h. der User weis z.t. gar nicht, daß JavaScript bei
      ihm nicht aktivivert ist.

      Bin gerade dabei, eine CSS Variante zu testen.

      Gruß
      Thomas

     Antworten

    Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 17:39.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Ich habe jetzt noch eine Lösung ohne Java gefunden die funktioniert:

      Und zwar so:


      <a href="#"
onclick="window.open('/files/$_raw{HIEROBJEKTBILD}','Grundriss','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=300,height=300,top=0,left=0')"><img
border="0" src="http://DEINEDOMAIN/files/$_raw{HIEROBJEKTBILD}" width="135"
alt="Klck für Vergrößerung" align="center" hspace="2">


      Beispiel:

      Seite Details

      <loop db=DEINE DATENBANK>


      Dann einlesen des OBJEKTBILDES inklusive Link zum Popup-Fenster

      <a href="#"
onclick="window.open('/files/$_raw{HIEROBJEKTBILD}','Grundriss','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=300,height=300,top=0,left=0')"><img
border="0" src="http://DEINEDOMAIN/files/$_raw{HIEROBJEKTBILD}" width="135"
alt="Klck für Vergrößerung" align="center" hspace="2">

      </loop>


      So, wenn die Seite Details geöffnet wird, erscheint das Objektbild in der
      verkleinerten Grösse 135 pixel. Klickt man auf das Bild, öffnet sich ein
      popupfenster in der Größe 300 x 300 pixel.

      Das wars.

      Gruß

      H.G.

     Antworten

    Beitrag von Christoph Bergmann (8110 Beiträge) am Dienstag, 23.Mai.2006, 19:28.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren 

      > Ich habe jetzt noch eine Lösung ohne Java gefunden die funktioniert:

      Das "window.open" ist aber Javascript ;-)

     Antworten

    Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 22:13.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Aber sicher, war wohl ein wenig durcheinander.

      Also es funktioniert aber auf alle Fälle und ist so wie ich es haben wollte.

      Aber jetzt noch etwas anderes:

      Ich lese über die DB 4 Bilder nach dem gegebenen Muster ein. Leider werden mir hier auch Leerfelder angezeigt, wenn in der DB nur 3 Bilder verfügbar sind bzw hochgeladen wurden.

      Wie kann ich es verhindern, dass Leerfelder entstehen.

      Ins Leerfeld soll dann eine Grafik " Kein Bild" erscheinen.

      Eine Ahnung?

      Gruß
      H.G.

     Antworten

    Beitrag von mk (966 Beiträge) am Dienstag, 23.Mai.2006, 18:21.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Dienstag, 23.Mai.2006, 21:43.
    Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren

      Meine JS Kentnisse sind doch sehr beschränkt,
      da komme ich leider auch nicht weiter.

      Gruß
      Thomas

     Antworten


     
 Liste der Einträge von 18300 bis 18450:Einklappen Zur Eingabe 
Neueste Einträge << 10 | 9 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | Neuere Einträge < Zur Eingabe  > Ältere Einträge | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 >> Älteste Einträge

Zurück zur Homepage

© baseportal.de. Alle Rechte vorbehalten. Nutzungsbedingungen



powered in 0.09s by baseportal.de
Erstellen Sie Ihre eigene Web-Datenbank - kostenlos!