Juergens-Workshops.de Forum › HTML und Co › Rund um HTML
Pop Up für Bilder

Ansichts-Optionen
Pop Up für Bilder
Jürgen Offline
Profi Member
Beiträge: 7.629
Themen: 203
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#11
31.01.2004, 02:15
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
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#12
31.01.2004, 02:49
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
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#13
31.01.2004, 03:40
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*

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Jürgen Offline
Profi Member
Beiträge: 7.629
Themen: 203
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#14
31.01.2004, 09:44
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
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#15
31.01.2004, 11:41
[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......

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#16
31.01.2004, 12:08
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
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#17
31.01.2004, 12:30
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>

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#18
31.01.2004, 13:16
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
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#19
31.01.2004, 16:42
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.........

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#20
31.01.2004, 16:57
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
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Brauche Hilfe Ich kann seit meinen ein paar Tagen in Foren keine Bilder mehr hexe-xl 8 2.814 12.04.2011, 07:42
Letzter Beitrag: hsk
  Bilder werden im IE nicht angezeigt Onkel 1 1.353 17.03.2010, 21:34
Letzter Beitrag: Seramis
  Newsletter/ mittels HTML Bilder einfügen Nihot 2 2.622 16.07.2009, 11:34
Letzter Beitrag: Helmut
  Bilder nebeneinander in Tabelle, wie bekomme ich eine Textbezeichnung mittig über das hyhley 13 3.681 08.06.2009, 22:37
Letzter Beitrag: Beagle
  Kann keine Bilder Aktualisieren Ole 2 1.925 12.06.2007, 20:43
Letzter Beitrag: Ole
  *Bilder vergrößern* Muzaffer 25 7.052 12.03.2005, 00:47
Letzter Beitrag: Rosie