Bilder In einem eigenen fenster erscheinen lassen (640*480)

Washington

Hi
Ich habe natürlich erst einmal gelesen was hier so steht
Nur hab ich nicht die Hilfe gefunden die Ich brauche
oder nur falsch verstanden

Ich würde gerne wenn ich auf ein Bild aus meiner Galerie klicke
das es 640 * 480 gross erscheint und nicht als ganze Seite geht das ? es muss weil bei einigen Seiten geht es

danke für eure hilfe

webnewcomer

Wenn dein PopUp 640*480 groß werden soll kannst du einfach folgenden Code verwenden. (größere Bilder werden dann automatisch an das PopUp angepasst):

HTML

<html>
<head>
<title>PopUp</title>
<script type="text/javascript">
function popUp(bildurl)
{
	props="locationbar=no,menubar=no,scrollbars=yes,resizable=yes,status=no,width=640,height=480";
	fenster = window.open(bildurl,"", props)
	fenster.focus();
}
</script>
</head>


<body>
[url='#']Bild[/url]
</body>
</html>

Alles anzeigen

Gebe ich diesen code dann am anfang von der seite ein oder was muss ich beachten

danke für die hilfe

sibbiiii

schau doch mal, wie er den Code da geschrieben hat, er steht dierekt untder den <html><body> tags, also wird er wohl an den Anfang gehoeren

ich werds mal probieren vielen dank

leider geht es nicht habe dann nur ein leeres fenster
darf ich mal meinen ganzen code hier darstellen ?

wernerdeluxe

ja, darfst du

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bilder Rv Ahlen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>


<body>




 </p>
<table width="84%" height="926" border="1">
  <tr> 
    <td width="29%">[url='Gel%E4nde%2005.05.2005%201.jpg'][img]Gel%E4nde%2005.05.2005%201.jpg[/img][/url]</td>
    <td width="29%">[url='Gel%E4nde%2005.05.2005%2025.jpg'][img]Gel%E4nde%2005.05.2005%2025.jpg[/img][/url]</td>
    <td width="29%">[url='Gel%E4nde%2005.05.2005%2044.jpg'][img]Gel%E4nde%2005.05.2005%2044.jpg[/img][/url]</td>
    <td width="13%">[url='Gel%E4nde%2005.05.2005%2015.jpg'][img]Gel%E4nde%2005.05.2005%2015.jpg[/img][/url]</td>
  </tr>
  <tr> 
    <td>Potts Pokal 2005</td>
    <td>Potts Pokal 2005</td>
    <td>Potts Pokal 2005</td>
    <td>Potts Pokal 2005</td>
  </tr>
  <tr> 
    <td>[url='Nachmittag%2011.jpg'][img]Nachmittag%2011.jpg[/img][/url]</td>
    <td>[url='Nachmittag%2037.jpg'][img]Nachmittag%2037.jpg[/img][/url]</td>
    <td>[url='Nachmittag%205.jpg'][img]Nachmittag%205.jpg[/img][/url]</td>
    <td></td>
  </tr>
  <tr> 
    <td>Potts Pokal 2005</td>
    <td>Potts Pokal 2005</td>
    <td>Potts Pokal 2005</td>
    <td></td>
  </tr>
  <tr> 
    <td>[url='Samstag%2007.05.2005%20113..jpg'][img]Samstag%2007.05.2005%20113..jpg[/img][/url]</td>
    <td>[url='Sonntag%2008.05.2005%20015..jpg'][img]Sonntag%2008.05.2005%20015..jpg[/img][/url]</td>
    <td>[url='Sonntag%2008.05.2005%20133..jpg'][img]Sonntag%2008.05.2005%20133..jpg[/img][/url]</td>
    <td>[url='Samstag%2007.05.2005%20029..jpg'][img]Samstag%2007.05.2005%20029..jpg[/img][/url]</td>
  </tr>
  <tr> 
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
  </tr>
  <tr> 
    <td>[url='Samstag%2007.05.2005%20057..jpg'][img]Samstag%2007.05.2005%20057..jpg[/img][/url]</td>
    <td>[url='IMG_0005..jpg'][img]IMG_0005..jpg[/img][/url]</td>
    <td>[url='IMG_0042..jpg'][img]IMG_0042..jpg[/img][/url]</td>
    <td>[url='Samstag%2007.05.2005%20049..jpg'][img]Samstag%2007.05.2005%20049..jpg[/img][/url]</td>
  </tr>
  <tr> 
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
    <td>Tunier 2005</td>
  </tr>
</table>




</p>
</body>
</html>

Alles anzeigen

webnewcomer

verstehe nicht wo dein Problem ist. wenn du mein Skript in den Headbereich einfügst und dann bei den Links so aufrufst wie bei mir oben im Beispiel funktioniert das ohne Probleme (sogar im IE :-))
Also ich hab jetzt mal in deinen Quelltext die Funktion reingeschrieben

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bilder Rv Ahlen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function popUp(bildurl)
{
   props="locationbar=no,menubar=no,scrollbars=yes,resizable=yes,status=no,width=640,height=480";
   fenster = window.open(bildurl,"", props)
   fenster.focus();
}
</script>
</head>


<body>




 </p>
<table width="84%" height="926" border="1">
  <tr>
    <td width="29%">[url='#'][img]Gel%E4nde%2005.05.2005%201.jpg[/img][/url]</td>
    <td width="29%">[url='#'][img]Gel%E4nde%2005.05.2005%2025.jpg[/img][/url]</td>
    <td width="29%">[url='#'][img]Gel%E4nde%2005.05.2005%2044.jpg[/img][/url]</td>
    <td width="13%">[url='#'][img]Gel%E4nde%2005.05.2005%2015.jpg[/img][/url]</td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

(ist jetzt nur der Anfang aber der Rest ist ja gleich) bild1.jpg musst du natürlich durch die URL zu den Bildern ersetzen.

dr.zoidberg

oder <a href="bild.png" target="blank">, dann macht er sich seine Größe selber, was ich als praktischer empfinde als eine festgelegte Größe von 640 mal x

BendOr

bei _blank macht er die größe nicht selbst...
ausserdem, hast du mit dem code das problem, dass du immer an den anfang der seite zurückgeschoben wirst, wenn du auf ein bild klickst...
mach das das in css:

Code

img.zeiger
{
cursor:pointer;
}

und dann kannst du damit deine bilder aufrufen:

Code

<a onclick="javascript:window.open('datei.htm','width=800,height=660,directories=no,location=no,menubar=no,scrollbars=1,status=no,toolbar=no,resizable=no');">
		[img]bild[/img]</a>

noch eine frage erst einmal danke geht
das war ja mal mehr oder weniger eine tabelle
warum ist jetzt nur noch die erste bilder reihe als tabelle ?
und rest ohne sorry habe noch nicht so viel ahnung von html zur ärklerung ich bin 54 jahre und versuche die seite für den verein zumachen vielen dank an alle die mir helfen

geht alles vielen dank für die hilfe
war mein grösstes problem
wenn jetzt noch die seite gefunden wird von anderen usern bin ich glücklich
vielen vielen dank

Tags