Beiträge von pamo

Was du brauchst, ist Nextgen Gallery + Nextgen GalleryView.

http://wordpress.org/extend/plugins…en-galleryview/

Hallo Leute,

Bei mir passiert etwas komisch. ich habe Nextgen Gallery + Nextgen Gallery ImageFlow installieren. Ich klicke auf Gallery -> ImageFlow, aber zeigt nur leer Blatt, nicht mal eine Errormeldung.

Kann jemand mir bitte helfen?

Viele Grüße

Es ist erledig. Er macht genau, was ich vorhabe. Ich vermute, es liegt bei Cache...

Hallo Leute,

Ich verstehe das nicht, warum bei mir Nextgen Gallery Thumnails immer ganz oben zeigt, obwohl ich Gallery unter dem Text eingefügt habe.

Hier ist Link zum meine Seite. Unten ist CSS.

Ich danke für eure Hilfe.

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}

.ngg-album {
height: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
overflow:hidden;
}

.ngg-albumtitle {
text-align: left;
font-weight: bold;
margin:0px;
padding:0px;
font-size: 1.4em;
margin-bottom: 10px;
}

.ngg-thumbnail {
float: left;
margin-right: 12px;
}

.ngg-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-description {
text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
margin:0px !important;
text-align:left;
width:120px;
}

.ngg-album-compactbox {
background:transparent url(albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;
}

.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px;
height:68px;
}

.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;
}

.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}

.ngg-gallery-thumbnail-box {
float: left;
}

.ngg-gallery-thumbnail {
float: left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail img {
margin: -6px 6px 6px -6px;
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
padding:4px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-gallery-thumbnail span {
display:none;
}

.ngg-clear {
clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}

.ngg-navigation span {
font-weight:bold;
margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h3 {
text-align:center;
}

.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
display:block !important;
padding:5px;
}

.ngg-imagebrowser-nav {
padding:5px;
margin-left:10px;
}

.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}

.exif-data {
margin-left: auto !important;
margin-right: auto !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
margin-left: auto;
margin-right: auto;
text-align:center;
outline: none;
}

.slideshowlink {

}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
overflow:hidden;
position: relative;
}

.ngg-slideshow * {
vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
display: table-cell;
text-align: center;
vertical-align:middle;
}

.ngg-slideshow-loader img{
background: none !important;
border: 0 none !important;
margin:auto !important;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
background-color:#FFFFFF;
display:block;
padding:4px;
}

.ngg-left {
float: left;
}

.ngg-right {
float: right;
}

.ngg-center {
margin-left: auto;
margin-right: auto;
}

/* ----------- Sidebar widget -------------*/

.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
text-align: center;
}

.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width: 50px;
}

.ngg-related-gallery img:hover {
border: 1px solid #000000;
}

Hallo elotse,
Danke schön für die Hilfe. Jetzt habe ich gefunden, wie man ein einziges Bild, das für die gesamte Gallarie mit Lightbox,plugin Lightbox2 ,representiert. Hier ist die Link.

Das ist nicht die beste Lösung, aber es funktioniert.

Hallo elotse,

Danke schön für deine Hilfe. Leider schaffe ich nicht, wie ich möchte. Ich versuche jetzt andere Methode,nur einzelnes Thumbnail für Lightbox Galerie, zu machen.

Vielen Dank noch für die Antwort. Sorry, dass ich mich nicht ausführlich ausgedrückt habe. Es ist so, ich möchte eine Seite so ähnlich diese Seite erstellen. Wenn du auf die Seite bist, und klickt auf Auto. Dann kommt neue Fenster mit Bilder. Meine Frage ist, wie macht man das?

Gruss

Danke schön für die schnelle Antwort. Ich habe Plugin NextGen GalleryView auch installiert, leider kann ich nicht machen wie ich möchte. Zum Beispiel wie diese Seite, aber wenn ich auf das großes Bild anklicke, soll er mir die Vollbild anzeigen. Ich weiß nicht wie ich machen kann.

Hallo Leute,
ich möchte eine Seite erstellen, aber ich möchte gern die Bildergalerie wie die Seite erstellen. Ich habe mit Plugin Nextgen Gallery versucht zu erstellen, aber leider ohne Erfolg. Wie kann ich Bildergallerie wie diese Seite erstellen? Ich werde euch sehr dankbar.

Viele Grüße