Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo,
ich bin am Grübeln, wie ich am besten Galerien auf einer Seite verlinke.
Ist es irgendwie möglich, auf einer Seite mehrere angelegte Galerien mit dem jeweiligen Startbild (oder einem Bild aus der Galerie) zu verlinken?
Beispiel:
1. Seite "Schwangerschaft"
2. auf der Seite werden die Galerien "1", "2" etc mit dem jeweiligen Startbild verlinkt
3. beim Klick auf das Bild öffnet sich die jeweiolige Galerieseite.
Gibt es da einen Weg?
Winke
Robert
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Die Galerien in einem Album "Schwangerschaft" zusammenfassen und das Album in die Seite einfügen. Dann werden die Startbilderr der Galerien angezeigt und auf die Bilderliste verlinkt.
Hier (Album Deutschland): http://privat.gsew.de/urlaubsimpressionen/deutschland/
Moin,
super Tipp, danke.
Für mich kommt dabei nur die kompakte Version in Frage.
Weiß jemand, wie ich dort irgendwo einstellen kann:
- Anzahl der Bilder pro Reihe
- Format des kleinen Vorschaubildes?
Gruß
Robert
- Format des kleinen Vorschaubildes?
Unter Optionen - thumbnails
- Anzahl der Bilder pro Reihe
Unter Optionen - Galerie
- Anzahl der Bilder pro Seite 0 schaltet Blätterfunktion ab ( = alle Bilder auf einer Seite )
- Anzahl der Spalten
Moin,
die Varianten habe ich schon probiert, sie wirken sich leider nur auf die jeweilige Galerie, nicht jedoch auf das Album aus.
Gruß
Robert
Kann man mal sehen, was du da treibst?
Moin,
klaro. Inzwischen habe ich ein wenig in der css rumgewuselt und bin meinem Ziel recht nahe :)
Die manuell angelegte Übersicht der Galerien:
http://www.fotorobert.de/wordpress/?page_id=106
Der gleiche INhalt als Album nach der Änderung in der css:
http://www.fotorobert.de/wordpress/?page_id=390&preview=true
Winke
Robert
beim 2. Link sehe ich nichts.
Tipp für 1. Link vermeide verschiedene Format für Thumbnails:
Mach sie mal z.B. 100 x 100 und " Ignoriere Bildseitenverhältnis"
Album wird so angelegt: [album=4,compact]
Moin,
Link getestet, funzt ;)
Die erste Variante wird vermutlich gestrichen.
Hat in edr CSS jemand einen Tipp, wie ich den Abstand zwischen Galerie-Link und der Bildanzahl verkleinere oder wie ich den Eintrag der Bilderanzahl rausnehmen kann?
Winke
leider sehe ich die 2. Variante nicht, kann dir deshalb nicht direkt helfen. Ist sie veröffentlicht?
Nur allgem: /css (dort findest du die css-Datei entspr. des gewählten style) und /view (hier findest du die Ansichten).
Moin,
stimmt, war nicht öffentlich, ist geändert.
NUja, in welcher Datei ich die Einstellungen machen kann, weiß ich. Ich hab nur noch nicht hinbekommen eine der zwei eben geschriebenen Varianten zu ändern.
Gruß
Anzahl raus, das entfernen :
<?php if ($gallery->counter > 0) : ?><p><strong><?php echo $gallery->counter ?></strong> <?php _e('Photos', 'nggallery') ?></p>
<?php endif; ?>
Moin,
danke für den Tipp, leider gibt es den Eintrag bei mir nicht.
/*
CSS Name: K2 Theme
Description: NextGEN Style for K2 Theme
Author: Alex Rabe
Version: 1.60
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design
*/
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview {
margin: 10px 0px 0px 0px !important;
width: 100%;
clear:both;
display:block !important;
}
.ngg-album {
/*height: 130px;*/
overflow:hidden;
margin: 0px 0px 5px !important;
padding: 5px;
border: 1px solid #cccccc;
}
.ngg-albumtitle {
text-align: left;
font-weight: bold;
padding:0px;
font-size: 1.4em;
margin: 0px 0px 10px 0px !important;
}
.ngg-albumcontent {
margin: 0px !important;
}
.ngg-thumbnail {
margin:0px 12px 0px 0px !important;
float: left;
}
.ngg-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px !important;
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:280px;
padding-right:20px !important;
margin:0px !important;
text-align:left;
width:120px;
}
.ngg-album-compactbox {
background:transparent url(albumset.gif) no-repeat scroll 0%;
height:194px;
margin:0pt 0pt 6px !important;
padding:6px 0pt 0pt 0px !important;
width:130px;
}
.ngg-album-link {
margin:0px !important;
}
.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:133px;
height:200px;
}
.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px !important;
margin-top:0px !important;
width:110px;
padding:0px !important;
}
.ngg-album-compact p {
font-size:11px;
margin-top:20px;
}
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
margin:0px !important;
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 !important;
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 {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}
.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;
text-decoration: none;
}
/* ----------- 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;
margin-right:10px;
}
.ngg-right {
float: right;
margin-left:10px;
}
.ngg-center {
margin-left: auto !important;
margin-right: auto !important;
}
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
text-align:left;
}
.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 2px;
padding: 2px;
height: 50px;
width: 50px;
}
.ngg-related-gallery img:hover {
border: 1px solid #000000;
}Gruß
Robert
NUja, in welcher Datei ich die Einstellungen machen kann, weiß ich.
Dann schau mal hier: /view/album-compact.php
Aaaahhhh...ich lese, lerne, teste und bewundere ;)
Hast du vielleicht noch eine IDee, wie ich den Abstand zwischen den Galerielisten verkleinern kann?
Vielen Dank
Robert
in der ngg_k2.css:
.ngg-album-compact {
float:left;
[COLOR=Red] height:240px;[/COLOR]
padding-right:20px !important;
margin:0px !important;
text-align:left;
width:120px;
}
Sichere dir die geänderten Dateien, damit du sie nach einem NGG-Update zurückspielen kannst!
Moin,
besten Dank für die Hilfe ;)
Gruß
Robert
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!