PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Bild bei Click auf Thumb öffnen und bei Click ins Bild wieder schliessen


HisN
2003-10-18, 13:09:54
Hey Leute,
ich versuche ne Pic-Gallery zu gestalten. Dabei hätte ich gerne das nen Bild beim Click auf nen Thumb in nem neuen Fenster aufgeht, und das man das neue Fenster mit Click ins Bild wieder schliessen kann. Der Clou an der Sache sollte sein, dass das neue Fenster genau Bildgröße hat. Ich hab ne Lösung gebaut, allerdings funktioniert die nur, wenn das Bild im BrowserCache liegt. Wenn man das Bild das erste mal ankliggat wird das neue Fenster nicht gross genug. Vielleicht kann mir einer von euch nen Tipp geben was ich falsch mache...

Alex


Hier mal der Code
---------------

<script language="JavaScript">

F1=false

function fenster(URL1)
{
if(F1)
{
if(F1.closed==false)
F1.close()
}
F1=open("","","width=800,height=600,resizable=yes")
with(F1.document)
{
open()
write("<html>")
write("<body topmargin='0' leftmargin='0' marginheight='0' marginwidth='0' >")
write('<a href="javascript:window.close()">')
write("<img src='"+URL1+"'>")
write("</a>")
write("</body>")
write('<script type="text/javascript">\n')
write("self.resizeTo(document.images[0].width,document.images[0].height)")
write("<\/script>")
write("</html>")
close()
}
F1.focus()
}

</script>
-------------------------------

und dann wird das Bild im Body aufgerufen

----------------------------------




<body>

<p align="center"><a href="javascript:fenster('DSC06176.jpg')"><img border="0" src="thumbs/DSC06176.jpg" width="150" height="112"></a></p>




----------------------------------

wäre schön wenn mir da jemand helfen könnte


Ach ja... zum selbst prüfen noch
hier klicken (http://www.fichen.de/images)





Alex

Nase
2003-10-18, 20:46:47
Obwohl ich nicht viel von Javascript verstehe:

<script language="Javascript" type="text/javascript">
<!--
function bild( ziel ) { window.open( ziel, "", "width=100, height=100, scrollbars=no, resizable=no" ); }
//-->
</script>

Das hier ist der Aufruf:
<a href="javascript:bild('grossesbild.php?id=irgendwas')">

In der grossesbild.html muss dann noch folgendes stehen:
<script language="Javascript" type="text/javascript">
<!--
function anpassen()
{
width = self.document.picture.width+50;
if (width < 350) { width = 400; }
height = self.document.picture.height+100;
self.resizeTo( width, height );
}
//-->
</script>


Den Body-Tag dann bitte noch um das hier erweitern:
<body onLoad="anpassen()">

Die Werte für die Breite musst du dir dann noch selber anpassen, da du nicht einfach die Bildgröße für die Fentergröße nehmen kannst.

Ich hoffe das funktioniert, ist ungetestet :)


P.S.: Mir fällt gerade auf, dass ich das nun für PHP Scripts gemacht habe, hoffe das ist kein Problem für dich.

HisN
2003-10-18, 21:12:36
Hey Nase,
erstmal vielen dank für die Mühe, die Du Dir gibst mir zu helfen. Der Server auf dem ich meine Daten ablege unterstützt kein PHP, und ich hab von PHP noch weniger Raffung wie von Javascript *ggg*
Alles Böhmische Dörfer *ggg* würdest Du nochmal drüberschauen und das ohne PHP schreiben?


Alex

Nase
2003-10-18, 21:22:41
Nur mal ne Idee, tausch doch aber mal das

document.images[0].

durch

self.document.picture.

aus und gib dem Bild, dass du öffnest noch den Zusatz

name="picture"

Dein Script scheint ja soweit zu funktionieren, bis auf die Tatsache, dass das Fenster nicht skaliert wird. :gruebel:

Gut das ich keine Ahnung von dem ganzen Zeug habe :freak:

HisN
2003-10-19, 00:08:13
hey Nase ...


danke für den Vorschlag, will aber auch nicht. Dann scaliert das fenster gar nicht *wein*


Alex