Seite 1 von 1
Eigene Galerie
Verfasst: Do 29. Jul 2010, 19:47
von Currynator
Hi,
habe ma ne Frage!
Könnte mir jemand ne Galerie entwerfen wo ich einfach nur noch die Url's einfügen kann? Hatte schon eine Galerie entworfen die mir aber nicht gefallen hat :LL
Am liebsten würde ich die haben
http://www.fotoroute.de/galerie01.htm. Könnte den Code mir jemand posten?
Will die im Editor bei Npage einfügen.
Re: Eigene Galerie
Verfasst: Do 29. Jul 2010, 20:14
von stundenbanner
Ich glaube die Galerie die auf der Seite zu zeigen ist kostenpflichtig (zumindest gibt es da ein Warenkorb).
Für meine Homepage habe ich eine Zeit lang die von dieser Seite genommen:
http://www.imageloop.com/de/setuplooop.htm
Das sah dann so aus
so aus.
Bei der Umstellung zum neuen Design nahm ich aber ein Light Box Script was über JS läuft genommen.
Das sieht so aus:
Klick (auf ein Bild klicken).
Sonst hier noch ein Tipp von Jörg:
http://www.npage-hilfe.de/f70t1100-auf- ... html#p6854
Re: Eigene Galerie
Verfasst: Fr 30. Jul 2010, 08:13
von moni
Hallo ..
wenn es so was für dich gut wäre
http://blicke1.npage.de/g%C3%A4nsebl%C3 ... 73153.html
untern ist das Code
.man kann sie auch in zwei Reihen oder eine usw umgestallten...auch die Bilder größe abstand usw.
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Galerie</title>
<meta name="author" content="">
<meta name="editor" content="html-editor phase 5">
</head>
<style type="text/css">
/* Galerie*/
.ienlarger {
float: left;
clear: none;
padding-bottom: 10px; /* Entfernug vom kleinen Bilder Horizontal*/
padding-right: 10px; /* Entfernug vom kleinen Bilder vertikal*/
}
.ienlarger a {
display:block;
text-decoration: none;
}
.ienlarger a:hover{ position:relative;
}
.ienlarger span img {
border: 10px solid #FFFFFF; /*Dicke vom Ramen */ margin-bottom: 8px;
}
.ienlarger a span {
position: absolute;
display:none;
color: #FFCC00; text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px; background-color: #000000;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 10px; /*angaben zum den großen Fenster*/
}
.ienlarger img {
border-width: 0;
}
.ienlarger a:hover span {
display:block;
top: 70px; /*Positsion vom Fenster,Man kann es ändern */
left: 20px; z-index: 100;
}
.resize_thumb {
width: 150px; /* Große vom Kleinen Bilder*/
height : auto;
}
/*Ende Galerie*/
</style>
<table width="40%" border="0" cellpadding="0" cellspacing="0"> <table bgcolor="orange">
<tr>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src=""width="450px" alt="large" /><br />
Platz füer text ,Beschreibung Tittel</span></a></div></td>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src="" width="450px"alt="large" /><br />
Name</span></a></div>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>
</tr>
<tr>
<tr>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src="" width="450px"alt="large" /><br />
Name</span></a></div>
<td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
<img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
Re: Eigene Galerie
Verfasst: Fr 30. Jul 2010, 16:26
von Currynator
