neues fenster öffnen

maddhie · 24.05.2010

hallo

wie kann ich so ein fenster öffnen lassen und den rest( alles drum herum )
ein wenig abdunkeln lassen
mein fenster wirft auch einen kleinen schatten
das X sollte auch auf der rechten seite oben sein wenn möglich

fenster soll so aussehen:

im fenster selbst will ich so eine galerie haben:
Galleria Demo 1
( nur eben in weiß )

wie mache ich also so ein fenster ?
danke

lg

Dennis · 24.05.2010

AW: neues fenster öffnen

such mal nach lightbox

cebito · 24.05.2010

AW: neues fenster öffnen

denyo111 schrieb:
such mal nach lightbox

Naja, die ist dafür nicht geeignet...

da gibts ein paar demos, wie du u.a. auch externe Seiten (bspw. deine Galerie) anzeigst.

maddhie · 24.05.2010

AW: neues fenster öffnen

die galerie dürfte ich ja dann hinbekommen

aber ich brauche davor ja mal mein fenster wo sie dann drin stecken soll

wie bekomme ich denn den schatten hin ?

danke erstmal

cebito · 24.05.2010

AW: neues fenster öffnen

maddhie schrieb:
die galerie dürfte ich ja dann hinbekommen

aber ich brauche davor ja mal mein fenster wo sie dann drin stecken soll

danke erstmal

Hast du dir den Link angeschaut, den ich gepostet hab?

maddhie · 24.05.2010

cebito schrieb:
Hast du dir den Link angeschaut, den ich gepostet hab?

aaah

bei apple effect

sry

hab ich vorhin übersehen

danke

cebito kannst du mir sagen wie ich den apple effekt hinbekomme ??

maddhie · 25.05.2010

AW: neues fenster öffnen

HTML:

<!DOCTYPE html>

<html>

<head>
	<title>galerie</title>


	<link rel="stylesheet" type="text/css" href="/tools/css/standalone.css"/>


	<link rel="stylesheet" type="text/css" href="/tools/css/overlay-apple.css"/>

	<style>

	div.apple_overlay.black {
		background-image:url(/tools/img/overlay/transparent.png);
		color:#fff;
	}

	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}

	div.black h2 {
		color:#fff;
	}

	#triggers {
		margin-top:10px;
		text-align:center;
	}

	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	</style>

</head>

<body>

<div id="triggers">
	<img src="http://flowplayer.org/tools/img/photos/gustavohouse.jpg" id="#photo1" />
	<img src="http://flowplayer.org/tools/img/photos/alexanderplatz-station.jpg" id="#photo2">
</div>


<div class="apple_overlay black" id="photo1">
	<img src="http://flowplayer.org/tools/img/photos/gustavohouse-medium.jpg" />

	<div class="details">
		<h2>&Uuml;berschrift1</h2>

		<p>
			texttext
		</p>
	</div>
</div>

<div class="apple_overlay" id="photo2">
	<img src="http://flowplayer.org/tools/img/photos/alexanderplatz-station-medium.jpg" />

	<div class="details">
		<h2>&Uuml;berschrift2</h2>

		<p>
			texttextext
		</p>
	</div>
</div>






</body>

</html>