CMS Made Simple Forums

Ik heb het album geïnstalleerd. Alles werkt (bijna) prima. Als ik echter de pagina open, worden er geen Thumbnails vertoond maar grote foto's


Hoe krijg ik thumbnails in beeld. Of sla ik een stapje over ...

Heb je in het admin panel bij Contents, images wel thumbnails?
Kijk eens op www.doemarwa.nl op de pagina's foto's, b.v. fotos 2007, Renesse. Wanneer dit is wat je wil, dan kan ik eventueel mijn instellingen in  de css en de pagina wel doorgeven.

Dit lijkt op een schrijf-rechten probleem. Zorg ervoor dat de map waarin je albums staan schrijfrechten hebben. Kan me herinneren dat ik hetzelfde probleem had destijds.

Groeten, Arno

fleur wrote: Heb je in het admin panel bij Contents, images wel thumbnails?
Kijk eens op www.doemarwa.nl op de pagina's foto's, b.v. fotos 2007, Renesse.

Hmm.. moet ik zelf thumbnails aanmaken en uploaden of doet de software dat zelf. Ik gebruik nl ook Coppermine en ben redelijk verwend door het feit dat de software alles zelf aanmaakt.

Wanneer dit is wat je wil, dan kan ik eventueel mijn instellingen in  de css en de pagina wel doorgeven.

Ja Graag!!!!

Arno wrote: Dit lijkt op een schrijf-rechten probleem. Zorg ervoor dat de map waarin je albums staan schrijfrechten hebben.

Ik draai de CMS alleen op een localhost, dus heb geen schrijfrechtproblemen.

Onderstaand beschrijving hoe ik de fotoalbums heb neergezet:
- Maak een stylesheet, b.v. met de naam  gallery
met volgende inhoud:
/* Image Gallery - Small Thumbnail Images */
.thumb {
margin: 1em 1em 1.6em 0; /* Space between images */
padding: 0;
float: left;
text-decoration: none;
line-height: normal;
text-align: left;
}

.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
width: 110px; /* Image width,was 100*/
height: 82px; /* Image height, was 100*/
display: inline;
padding: 10px; /* Image padding to form photo frame, was 10 */
/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
margin: 0;
background-color: white; /*Background of photo */
border-top: 0px solid #eee; /* Borders of photo frame , was 1*/
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: 1px solid #eee;
text-decoration: none;
}

.thumb a:visited img {
background-color: #eee; /*Background of photo on hover - sort of a light grey */
}

.thumb a:hover img {
background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
}

.thumbPicCaption {
text-align: center;
font-size: smaller;
margin: 0 1px 0 0;
padding: 0;
width: 130px; /* Image width plus 2 x padding for image (photo frame) - to center text on image,was 124*/
display: none; /*  if you do not want to display this text, gewijzigd door wil */
}

/* Image Gallery - Big Images */
.bigPic {
margin: 5px 0 5px 0;
padding: 0;
line-height: normal;
}

.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
text-align: center;
font-weight: bold;
font-variant: small-caps;
font-weight: bold;
margin: 0 1px 0 0;
padding: 0;
width: 413px; /* Image width plus 2 x padding for image (photo frame) - to center text on image, was  422 en org386*/
display: none;  /* if you do not want to display this text */
}

.bigPic img{ /* Big Image settings */
width: 405px; /* Width of Big Image, was  370 en org was 350 */
height: 304px; /* Was 277 en org auto, maar geeft raar beeld */
display: inline;
padding: 4px; /* Image padding to form photo frame, was 18px. */
/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
margin: 0;
background-color: white; /* Background of photo */
border-top: 0px solid #eee; /* Borders of photo frame, was 1*/
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: 1px solid #eee;
text-decoration: none;
text-align: left;
}

.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
margin: 0;
width: 402px; /* Image width plus 2 x padding for image (photo frame) - to center text on image, was 386px */
padding: 0;
color: #000;
font-size: smaller;
line-height: normal;
text-align: center;
/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
}
-Koppel de stylesheet aan het debetreffende template

- de images staan in de map uploads/images. Beide mappen heb ik zelf aangemaakt. (Anders was Apache de eigenaar, en danlukte het niet.) De mappen zowel als de fotos staan op  MOD 777. De fotos heb ik naar de mappen gekopieerd dmv FTP
-start CMSMS admin en open in menu optie Contents Image Manager en blader naar de map. Hier dienen de foto's al automatisch als Thumbnails te zien te zijn.

- Maak een webpagina en plaats hierin navolgende tekst
{ImageGallery picFolder="uploads/images/"}


Succes!

Hallo fleur,

Ik heb -ook vanwege het thumbnailprobleem- jouw stylesheet gebruikt.
De thumbnails worden daarmee prima getoond, echter niet netjes 'in' hun kader.
Ik bekijk 't op een Mac in Firefox en Safari, zou 't daar aan kunnen liggen?

http://www.klassiekerrally.nl/index.php ... orris-1300
Niet schrikken, de website is nog under construction...

Hallo Erpee
Heb even snel gekeken. Ik heb Windows XP. Wanneer ik je album met Firefox bekijk dan zie ik ook het probleem. Met Microsoft Explorer ziet het er goed uit.

Mijn eigen site ziet er echter in beide browsers goed uit. Ik zal nog eens verder kijken of ik iets vind. (Vandaag gaat niet lukken)

Erpee
Ik heb een drietal foto's van je site gedownload en geplaatst op www.doemarwa.nl, menu fotos, fotos 2000, diversen.
De plaatjes zien er goed uit, zowel met Firefox als met MS Internet Explorer. Ik denk dus dat ik niet veel meer kan doen.

Ik laat ze 1 dag staan, dan kun je ze zelf nog even bekijken.