Juergens-Workshops.de Forum
Pop Up für Bilder - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Pop Up für Bilder (/showthread.php?tid=18962)

Seiten: 1 2 3 4

Pop Up für Bilder - Jürgen - 31.01.2004

Hallo Hulot,

Jetzt steh ich auf'm Schlauch
Was meint ülo?
Na ja ist auch schon spät für komplizierte Gedankengänge :wink:

Gruß
Jürgen

Pop Up für Bilder - Hulot - 31.01.2004

Moin Jürgen
Im Forum steht zwar zum jetztigen Zeitpunkt "498 Beiträge", allerdings stand in der Benachrichtigungsmail dieser Link "http://www.juergens-workshops.de/board/viewtopic.php?p=500#500".
Alles klar, mein Freund? :wink:

Gruß und schönes Wochenende

Hulot

Pop Up für Bilder - Bonzai - 31.01.2004

Die Raute ist auch im Code von Helmut so angegeben.
Wieso weiß ich auch nicht.
Aber braucht man nicht eine Angabe bzw. mind. ein Zeichen damit ein Link funktioniert???
Werde es zumindest mal ohne Raute probieren.
Guts Nächtle *gg*

Pop Up für Bilder - Jürgen - 31.01.2004

Moin,

@ Hulot,
alles klar :lol:

@ Alex,
ja, probier das aus und gib uns dann Bescheid. Ansonsten müssen wir mal sehen, was zu machen ist.

Gruß
Jürgen

Pop Up für Bilder - Bonzai - 31.01.2004

[Bild: popup.jpg]
hier mal ein Screenshot von der Meldung von Dreamweaver.
Das Pop Up funktioniert zwar, aber genauso wie vorher, nur das jetzt der Hintergrund schwarz ist.
Ich hoffe ihr habt gute Augen *gg*

@Jürgen
muss ich bei deinem Code für jedes Bild eine HTML Datei anlegen, oder funktioniert der auch direkt mit den JPG Dateien.

Mir brennt nämlich der Ar***, die anderen wollen die Bilder Online sehen......

Pop Up für Bilder - Hulot - 31.01.2004

Moin Bonzai!

"... nicht geschlossener Tag" sehe ich auf Deinem Screenshot. Das abschließende </a> hast Du aber eingebaut, oder? Ich kann's nämlich nicht erkennen.

Nochmal zum Javascript selbst. Ich benutze das gleiche Script mehrfach auf meiner Seite, ohne irgendwelche Probleme. Daran kann's also nicht liegen. Ansonsten quote doch bitte mal Deinen Scriptcode, vielleicht sieht man ja dann den Fehler.

Gruß Hulot

Pop Up für Bilder - Bonzai - 31.01.2004

HULOT................ du bist der Retter in der Not.
Hab ich ganz vergessen den Tag zu Schliessen, bzw. nich genau hingeschaut.
Hat aber noch nicht ganz funktioniert.
Das Bild ist immer noch nicht Zentriert, und der Button "Fenster zu" ist auch noch nicht da.
Kann aber mal passieren bin ja mittlerweile 27 Stunden auf den Beinen (Scheiß Ekältung und Halsschmerzen).
Hier mal mein Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; iso-8859-1">
<META HTTP-EQUIV="Pragma" content="cache">
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<META HTTP-EQUIV="Content-Language" CONTENT="de">
<META NAME="description" CONTENT="Die Dartliga im Raum Franken ohne anbindung an die DSAB oder sonstige Ligen.">
<META NAME="keywords" CONTENT="Frankenliga, Hobby, Dart, Bamberg Liga, Sport, Oberfranken, Unterfranken, ">
<META NAME="author" CONTENT="Alexander Volk">
<META NAME="publisher" CONTENT="Die Dartfreunde e.V.">
<META NAME="copyright" CONTENT="Alexander Volk">
<META NAME="audience" CONTENT="All">
<META NAME="page-type" CONTENT="Reporte">
<META NAME="page-topic" CONTENT="Sport">
<META HTTP-EQUIV="Reply-to" CONTENT="webamster@frankenliga.com">
<META NAME="creation_Date" CONTENT="12/11/2003">
<META NAME="expires" CONTENT="">
<META NAME="revisit-after" CONTENT="15 days">


<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

<!--
if(top.location.href == self.location.href)
ersetzen("../index.html")
// -->
//-->
</SCRIPT>
<head>
    <title>Ligapokal Herbst 2003</title>
<style type="text/css">
<!--
body
{
   scrollbar-arrow-color:#000000;
   scrollbar-face-color:#C6D9F0;
   scrollbar-highlight-color:#C6D9F0;
   scrollbar-3dlight-color:#C6D9F0;
   scrollbar-shadow-color:#C6D9F0;
   scrollbar-darkshadow-color:#000000;
   scrollbar-track-color:#B3C1D5;
}
-->
</style>

    <style type="text/css">
   <!--
a:aktive {font-family:Verdana,Arial;font-size:8pt;color:blue;font-weight:normal;text-decoration:none;line-height:12pt;}

a:hover {font-family:Verdana,Arial;font-size:8pt;color:Red;text-decoration:none;line-height:12pt;}

body,p {font-family:Verdana,Arial;font-size:8pt;color:black;line-height:12pt;}

a  {font-family:Verdana,Arial;font-size:8pt;color:maroon;text-decoration : none;line-height :12pt;}

.tabtex  {font-family:Verdana,Arial;font-size:9pt;color:black;line-height :12pt;}

.menu  { font-family:Verdana,Arial;font-size:8pt;color:black;}

.head  { font-family:Verdana,Arial;font-size:9pt;color:black;line-height:12pt;}

-->
   </style>
   <SCRIPT LANGUAGE="JavaScript">
    <!--- Hide script from old browsers
    function OpenNewWindow(cPicture,nWidth,nHeight,nBorder)
    {
    NewWindow=window.open("","NeuEins","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=no,resizable=no,top=5,left=5");
    NewWindow.document.write ("<HTML><HEAD><TITLE>");
    NewWindow.document.write ("</TITLE></HEAD>");
    NewWindow.document.write ("<BODY BGCOLOR='#B3C1D5'>");
    NewWindow.document.write ("<P ALIGN=CENTER>");
    NewWindow.document.write ("<FONT FACE='Arial' SIZE='+2' COLOR='White'>[B]");

    NewWindow.document.write ("[/B]</FONT>");
    NewWindow.document.write ("<IMG SRC=");
    NewWindow.document.write (cPicture);
    NewWindow.document.write (">");
    NewWindow.document.write ("</P>");
    NewWindow.document.write ("<center><FORM><INPUT TYPE='button' VALUE='Fenster zu' onClick='self.close()'>");
    NewWindow.document.write ("</FORM></CENTER></BODY></HTML>");
    NewWindow.document.write ("</BODY></HTML>");
    NewWindow.document.close();
    return false;
    }

    // end hiding from old browsers -->
    </SCRIPT>
</head>
<body bgcolor="#B3C1D5">
<table bgcolor="#000000" width="100%" cellspacing="1" cellpadding="0" border="0">
  <tr>
    <td height="637" valign="top">
      <table bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="3" border="0">
        <tr>
          <td height="637" valign="top" class="tabtex">
            
            <table width="420" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr align="center" valign="middle">
                <td height="110">[url=#][img]small/image001.JPG[/img][/url]</td>
                <td height="110">[img]small/image002.JPG[/img]</td>
                <td height="110">[img]small/image003.JPG[/img]</td>
              </tr>
              <tr align="center" valign="middle">
                <td height="110">[img]small/image004.JPG[/img]</td>
                <td height="110">[img]small/image005.JPG[/img]</td>
                <td height="110">[img]small/image006.JPG[/img]</td>
              </tr>
              <tr align="center" valign="middle">
                <td height="110">[img]small/image008.JPG[/img]</td>
                <td height="110">[img]small/image009.JPG[/img]</td>
                <td height="110">[img]small/image010.JPG[/img]</td>
              </tr>
              <tr align="center" valign="middle">
                <td height="110">[img]small/image019.JPG[/img]</td>
                <td height="110">[img]small/image021.JPG[/img]</td>
                <td height="110">[img]small/image022.JPG[/img]</td>
              </tr>
              <tr align="center" valign="middle">
                <td height="110">[img]small/image023.JPG[/img]</td>
                <td height="110">[img]small/image024.JPG[/img]</td>
                <td height="110">[img]small/image027.JPG[/img]</td>
              </tr>
            </table>
            </p>
            <div align="center">Seite 1</div>

            
          </td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>


Pop Up für Bilder - Hulot - 31.01.2004

Hallo Bonzai!
Zitat:Hat aber noch nicht ganz funktioniert.
Das Bild ist immer noch nicht Zentriert, und der Button "Fenster zu" ist auch noch nicht da.
Hm ... nicht zentriert, obwohl im Code "<p align=center"> steht?

Ich habe Dir mal meinen, etwas modifizierten Code ein wenig umgeschrieben, eventuell kannst Du damit was anfangen:
Zitat:<SCRIPT LANGUAGE="JavaScript">
<!--- Hide script from old browsers
function OpenRaceWindow(cPicture,nWidth,nHeight,nBorder)
{
NewWindow=window.open("","NeuEins","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=no,resizable=no,top=0,left=0");
NewWindow.document.write ("<html><head>");
NewWindow.document.write ("<title>XXL-Bild</title></head>");
NewWindow.document.write ("<body onload='self.focus();' bgcolor='#B3C1D5' topmargin='5' leftmargin='0'><center>");
NewWindow.document.write ("

");
NewWindow.document.write ("<font face='arial' size='2' color='#FFFFFF'>");
NewWindow.document.write ("<img src=");
NewWindow.document.write (cPicture);
NewWindow.document.write (">");
NewWindow.document.write ("

");
NewWindow.document.write ("<a href='javascript:window.close()'>");
NewWindow.document.write ("Fenster zu!");
NewWindow.document.write ("</a>");
NewWindow.document.write ("</font></center></p>");
NewWindow.document.write ("</body></html>");
NewWindow.document.close();
return false;
}

// end hiding from old browsers -->
</SCRIPT>

Den Link zum XXL-Bild (ALT-Tags nicht vergessen!) setzt Du entsprechend der Fotogröße jeweils 30 Pixel über die tatsächliche länge/Breite (Code ist für Pixelgröße 600/450):
Zitat:[img]small/image001.JPG[/img]
Gruß Hulot

Pop Up für Bilder - Bonzai - 31.01.2004

Särs,
also ich muss schon sagen sieht genial aus.
Vor allem die DIA Rahmen sehen klasse aus.
Werde mal deine Version Probieren.
Melde mich dann nochmal.........

Pop Up für Bilder - Hulot - 31.01.2004

Hallo!
Zitat:Werde mal deine Version Probieren.
Das ist das gleiche Scriptchen wie das Deine. Seinerzeit suchte ich schon etwas länger nach einem Javascript in dieser Art - und dabei bot Helmut das Teil die ganze Zeit an! :roll:
Erst ein Beitrag in seinem Forum machte mich darauf aufmerksam. Wink

Gruß Hulot