HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

ON Click Galerie

https://homepagehelfer.org:443/viewtopic.php?t=805

Seite 1 von 2

ON Click Galerie

Verfasst: Mo 19. Apr 2010, 14:52
von 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>

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 15:00
von 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.

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 15:36
von 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... :E

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 15:46
von goefi-chiangmai
moni hat geschrieben:
<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

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 20:11
von moni
Danke Peter..

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

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 21:04
von 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 .. :E :E

Re: ON Click Galerie

Verfasst: Mo 19. Apr 2010, 21:29
von 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>

Re: ON Click Galerie

Verfasst: Di 20. Apr 2010, 12:13
von moni
Danke dir Peter ..das ist ja Prima :DA
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

Re: ON Click Galerie

Verfasst: Di 20. Apr 2010, 12:20
von 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");

Re: ON Click Galerie

Verfasst: Di 20. Apr 2010, 12:30
von 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.... :DA
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de