ON Click Galerie

[moni]

Hallo Zusammen..
habe mir eine On Click Galerie zusamen gebastellt (ist nur ein Bespiel) , auf meinen HTML Editor hat die Sache super funktoniert..habe dann auf meine Seite hohgeladen und klappt das nicht so toll... was mir nicht gefällt ist das die Bilder beim anclicken ganz groß werden.Eigentlich sollten sie nur als mittel großer Fenster geöfnet werden..
hab da jemanden einen Tipp ??
das ist die Galerie..
Dankeschön

http://mondschein21.npage.de/on_click_g ... 39457.html

und das ist das Skrypt...

<font size=4>
<br>
<!-- präsentiert von kostenlose-javascripts.de -->



<!-- submitted by Tobias Strasshofer
bild wird auf der seite klein angezeigt, und per mausklick wird die originalgröße in einem anderen fenster geöffnet.
//-->

<br>Auf die Bilder anklicken

<table width="40%" border="0" cellpadding="10" cellspacing="10"><table bgcolor="black">

<tr>
<td><img src="http://file1.npage.de/002234/84/bilder/ ... 4n87ku.jpg" width="170px" height="150px" onClick="window.open('http://file1.npage.de/002234/84/bilder/ ... menubar=no')">
</td>
</td>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S ... 04313e.jpg" width="170px" height="150px" onClick="window.open ('http://2.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>

<td><img src="http://4.bp.blogspot.com/_WghlenoNYG0/S ... 0997qq.jpg" width="170px" height="150px" onClick="window.open ('http://4.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
</tr>
<tr>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S ... F1185q.jpg" width="170px" height="150px" onClick="window.open('http://2.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S ... CF1349.jpg" width="170px" height="150px" onClick="window.open('http://1.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S ... CF1743.JPG" width="170px" height="150px" onClick="window.open('http://1.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
</tr>

</table>

[stundenbanner]

Hallo Moni,

die Fenstergröße legst du selber fest und zwar in diesen Bereich:

Code: Alles auswählen

width="170px" height="150px" 

Wie kleiner die Zahl, so kleiner ist auch das Fenster.

[moni]

Hallo Studenntenbanner...

Danke dir. Ich weiß..hab ach die angaben so gemacht,für die Bilder was zu sehen sind,aber die gleichen Bilder nach den anclicken solltten zum B 650mal 450 Px haben..
auf meinen Borwser hat das super geklappt..leider auf die seite nicht mehr so...

[goefi-chiangmai]

<font size=4>
<br>
<!-- präsentiert von kostenlose-javascripts.de -->

<!-- submitted by Tobias Strasshofer
bild wird auf der seite klein angezeigt, und per mausklick wird die originalgröße in einem anderen fenster geöffnet.
//-->

<br>Auf die Bilder anklicken

Hallo Moni,

Ich vermute Du meinnst Die Bildergrösse die sich öffnen beim Klicken, das Steht eigentlich im Script, das heisst Du musst mal die Bilder in der grösse hochladen wo Du sie gerne hättest, also alle Zerkleinern.
Ob man in das Javascript noch was Dazufügen kann über das öffnen des Fensters, bin ich im momment auch überfragt, aber werde das dann mal Testen

[moni]

Danke Peter..

Das ist ganz bestimmt das.....werd gleich das austesten..und sage Bescheid ob es geklappt hat...

[moni]

Habe geteset..und die Bilder sind zwar klein aber es macht sich die ganze Seite ofen...
und es soll sich nur das Bild in einen Fenstern öfnen ..

[goefi-chiangmai]

Hallo moni, habe das Script mal Frisiert, jetzt sollte es gehen,

Code: Alles auswählen

<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=600,height=400,status=yes,scrollbars=yes,resizable=yes");
 fenster.focus();
}
</script>
<font size=4>
<br>
<!-- präsentiert von kostenlose-javascripts.de -->



<!-- submitted by Tobias Strasshofer
bild wird auf der seite klein angezeigt, und per mausklick wird die originalgröße in einem anderen fenster geöffnet.
//-->


<br>Auf die Bilder anklicken
<table width="40%" border="0" cellpadding="10" cellspacing="10"><table bgcolor="black">

<tr>
<td><img src="http://file1.npage.de/002234/84/bilder/aaan8i3fw47f6c298e24n87ku.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://file1.npage.de/002234/84/bilder/aaan8i3fw47f6c298e24n87ku.jpg','','menubar=no')">
</td>
</td>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S508F8kDv_I/AAAAAAAAJmw/z5nDo4IqJxM/s1600/DSC04313e.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://2.bp.blogspot.com/_WghlenoNYG0/S508F8kDv_I/AAAAAAAAJmw/z5nDo4IqJxM/s1600/DSC04313e.jpg','','menubar=no')">
</td>

<td><img src="http://4.bp.blogspot.com/_WghlenoNYG0/S59Lh5UXuvI/AAAAAAAAJnY/woYjhPkGJVg/s1600/DSCF0997qq.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster ('http://4.bp.blogspot.com/_WghlenoNYG0/S59Lh5UXuvI/AAAAAAAAJnY/woYjhPkGJVg/s1600/DSCF0997qq.jpg','','menubar=no')">
</td>
</tr>
<tr>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S6NUZ8z9U8I/AAAAAAAAJns/IeB63OrvIpQ/s1600/DSCF1185q.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://2.bp.blogspot.com/_WghlenoNYG0/S6NUZ8z9U8I/AAAAAAAAJns/IeB63OrvIpQ/s1600/DSCF1185q.jpg','','menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S7onCPd4vRI/AAAAAAAAJr8/eqAtjyaUlnw/s1600/DSCF1349.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://1.bp.blogspot.com/_WghlenoNYG0/S7onCPd4vRI/AAAAAAAAJr8/eqAtjyaUlnw/s1600/DSCF1349.jpg','','menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S8tozd0q7SI/AAAAAAAAJ1g/Nm2v-ETjq-I/s1600/DSCF1743.JPG" width="170px" height="150px" onClick="javascript:oeffnefenster('http://1.bp.blogspot.com/_WghlenoNYG0/S8tozd0q7SI/AAAAAAAAJ1g/Nm2v-ETjq-I/s1600/DSCF1743.JPG','','menubar=no')">
</td>
</tr>

</table>

In der box kopieren oben
Aenderungen rot markiert

Hier eine Demoseite: Demoseite

<script type="text/javascript">
function oeffnefenster (url) {
fenster = window.open(url, "fenster1", "width=600,height=400,status=yes,scrollbars=yes,resizable=yes");
fenster.focus();
}
</script>
<font size=4>
<br>
<!-- präsentiert von kostenlose-javascripts.de -->



<!-- submitted by Tobias Strasshofer
bild wird auf der seite klein angezeigt, und per mausklick wird die originalgröße in einem anderen fenster geöffnet.
//-->


<br>Auf die Bilder anklicken
<table width="40%" border="0" cellpadding="10" cellspacing="10"><table bgcolor="black">

<tr>
<td><img src="http://file1.npage.de/002234/84/bilder/ ... 4n87ku.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://file1.npage.de/002234/84/bilder/ ... menubar=no')">
</td>
</td>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S ... 04313e.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://2.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>

<td><img src="http://4.bp.blogspot.com/_WghlenoNYG0/S ... 0997qq.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster ('http://4.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
</tr>
<tr>
<td><img src="http://2.bp.blogspot.com/_WghlenoNYG0/S ... F1185q.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://2.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S ... CF1349.jpg" width="170px" height="150px" onClick="javascript:oeffnefenster('http://1.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
<td><img src="http://1.bp.blogspot.com/_WghlenoNYG0/S ... CF1743.JPG" width="170px" height="150px" onClick="javascript:oeffnefenster('http://1.bp.blogspot.com/_WghlenoNYG0/S ... menubar=no')">
</td>
</tr>

</table>

[moni]

Danke dir Peter ..das ist ja Prima
http://mondschein21.npage.de/on_click_g ... 39457.html
so habe mir das auch gleich vorgestellt...wollte das deswegen so haben weil die Fenster bleiben auch ofen,so lange bis man sie zu macht.
ich hab auf meine seite noch eine Gute Galerie und sie auch bischen bearbeitet,nur sie ist anders,weil dort sind die Fenster nur so lange ofen wie lange man sie mit den Maus berührt...
lasse hier einfach das link,da kann man sich auch Bild machen...
habe auch sofort das skript dazu gelassen...ist aber kein java ..nur CSS,und das gute ist das man kann die Galerie ganz einfach auch verändern..(farbe größe usw)...

http://mondschein21.npage.de/_galerie_m ... 73284.html

[goefi-chiangmai]

Sieht gut aus die Css Galerie!

übrigens die Java Galerie, kannst Du im oberen Bereich die grösse der Fenster Verstellen Und Scrollen yes/no....einstellen

fenster = window.open(url, "fenster1", "width=600,height=400,status=yes,scrollbars=yes,resizable=yes");

[moni]

Danke Peter... so fit bin ich da bei Java auch nicht..mit CSS komme etwas besser klar..aber kann ich es ausprobieren ,warum auch nicht,ich lerne gern was neues....