CMS Made Simple Forums

Posted: **Wed Dec 15, 2010 7:00 pm**

Jos is bekend met het probleem, dit is al wel in het Engelstalige forum aan de orde gekomen.

Jos kan het helaas niet oplossen, wellicht niet anders dan door een geheel nieuwe release te doen...

Posted: **Thu Jan 06, 2011 12:14 pm**

Is het mogelijk om de afbeeldingen op een andere pagina weer te geven dat je er een comment kan toevoegen.
En eventueel van uit daar naar de volgende foto kunt gaan.

Groet, Jeroenb

Posted: **Thu Jan 06, 2011 1:49 pm**

----------

Posted: **Sat Apr 23, 2011 11:54 am**

Hoi Jos,

als ik in de GalleryTree sjabloon {$imagecount} gebruik geeft deze niet de hoeveelheid foto's van de betreffende map weer, maar het aantal foto's in de huidige map (0 foto's dus). Klopt dat?

Code: Select all

<ul>
{foreach from=$images item=image name=img}
<li>
<a href="{$image->file}" title="{$image->titlename}">{$image->titlename}</a> ({$imagecount})
</li>
{/foreach}
</ul>

Of is dit een Feature Request

Grt. Rolf

Posted: **Sat Apr 23, 2011 12:18 pm**

----------

Posted: **Sat Apr 23, 2011 2:38 pm**

{$imagecount} is daar niet voor bedoeld... Je zit in de foreach loop dus dan zou het een variabele zijn zoals {$image->title}

De kant en klare oplossing is er nog niet, maar de Feature Request indirect al wel: http://dev.cmsmadesimple.org/feature_request/view/5400

Posted: **Sat Apr 23, 2011 5:00 pm**

Jos wrote:De kant en klare oplossing is er nog niet, maar de Feature Request indirect al wel: http://dev.cmsmadesimple.org/feature_request/view/5400

Bedankt Jos, dan wil ik ook graag deze FR ondertekenen

@Arnoud
Ik zou dan graag even bij je in de keuken willen kijken

Zou je me een login willen pm-en. Alvast bedankt.

Grt. Rolf

Posted: **Sun Feb 12, 2012 4:15 pm**

Het is alweer een jaar geleden dat de laatste versie van Gallery uitgebracht is... Tijd voor een update!

Gallery versie 1.5 is zojuist door mij gereleased en zal binnen enkele uren wel beschikbaar komen in de ModuleManager.

De belangrijkste functie die ik nieuw toegevoegd heb is de mogelijkheid om zelf de cropping per thumbnail in te kunnen stellen. De voor de template ingestelde verhoudingen/afmetingen blijven daarbij automatisch behouden.

Gallery 1.5 heeft minimaal CMSms versie 1.10 nodig

Changelog:
- Added function to manually edit thumbnails per image (FR #5693, #6187) Thanks Cybrian for sponsoring
- Added function to manually rotate images clockwise or anticlockwise
- Supports "Lazy Loading" (though no effect due to registering to ContentPostRender event)
- Added parameter id
- Added smarty variables $gallerydate (FR #6231) and $gallerydir (FR #6522)
- Added option to have new galleries not active (FR #5705)
- Nothing gets added to the html head when there is no css or js (FR #6271)
- Added GalleryDropdown method, to be used in other modules
- Added options to set jpg resize quality
- Added jQuery UI datepicker for datefields
- Moved SWFUpload and jQuery scripts to lib directory
- Bug #6150: fixed - CSS files generated by gallery will not be found, if base tag is not supported by browser (or missing)
- Bug #6385: fixed - Call to undefined function in Modul Gallery (PostgreSQL compatible)
- Bug #6681: fixed - PNG resizing problem, SWFUpload code modification by CRAZY-Ivan (also FR #6154)
- Bug #7363: fixed - Action gallerytree gives blank page, cmsms 1.10 incompatibility issue
- Bug #7466: fixed - "With Selected" option doesn't show in admin when there is only one image in a Gallery

Posted: **Sun Feb 12, 2012 4:41 pm**

----------

Posted: **Sun Feb 12, 2012 7:07 pm**

Ah, ook hier, dat scheelt, kan het ook in het Nederlands.

Top! Super lijst met features, kan niet wachten om hem te gaan testen

Van de link die je in het Engelstalige deel geeft, maak ik op dat het gaat om het laden van de module enkel wanneer die nodig is.
Begrijp ik dus verkeerd dat het hier gaat om een feature om de afbeeldingen te laden enkel wanneer zij in de viewport van de browser zitten?
Die laatste zou ik wel out-of-the-box willen hebben

Posted: **Sun Feb 12, 2012 7:42 pm**

haha.. nee dat is wel weer heel iets anders... Lazy Loading is een CMSms feature waarmee modules pas geladen worden wanneer ze nodig zijn... voorheen werden altijd alle modules standaard geladen.

Ik dacht dat moet ik ook meteen in Gallery inbouwen, maar helaas heeft het geen effect vanwege dat ContentPostRender event..

Posted: **Sun Feb 12, 2012 9:05 pm**

Verkeerd begrepen dan..
ja, of jullie gebruiken er een verwarrende term voor

Jammer, maar gelukkig nog wel andere leuke features, rotate functie en kwaliteit voor verkleinen zijn briljant. Werkt prima!

Posted: **Mon Feb 13, 2012 12:33 pm**

Nieuwe release getest... Uhm, één reactie...

WAUW!!!

Nóg mooier

Posted: **Mon Feb 13, 2012 12:51 pm**

Thx Rolf..

@Martijn:
Ik heb eens even gekeken naar dat Lazy Loading voor afbeeldingen. Dat blijkt supersimpel toe te voegen in een template. Ik zal daar wel eens een keertje een Tip&Truuk aan wijden.

Posted: **Tue Oct 23, 2012 12:08 pm**

Jos,

Hopelijk kan je me hier iets bijleren.
http://www.lucoppeel.be/gallery/Tekenin ... tannen/22/

Als ik foto 'In het bosland' open, dan staat mijn comment ver onder de foto en volledig links.

Als ik foto 'De Informant' open, staat mijn comment mooi onder de foto met een inspring.

Waarom krijg ik deze niet gelijk??
edit: Kan ik comment ook naast de foto krijgen?
Dit is stylesheet

Code: Select all

.gallery .img {
	height: 120px;
	/*width: 120px;   Adjust as you see fit */
	float: left;
	margin: 10px;
	text-align: center;
}

.gallery .img a {
	display: inline-block;
	border: 2px solid #ddd;
	padding: 1px;
}

.gallery .img a:hover {
	border-color: #999;
}

.gallery img {
	border: none;
}

.gallery .pagenavigation {
	height: 50px;
}

.gallery .prevpage a, .gallery .prevpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
}

.gallery .nextpage a, .gallery .nextpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0 6px 0 0;
	text-indent: -1000px;
	background: url(../../images/next.png) transparent no-repeat 0 0;
}

.gallery .parentlink a {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	text-indent: -1000px;
	background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.gallery .pagenavigation a:hover {
	background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
	background-position: 0 -80px;
}

.gallery .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
	color: #000;
}

.galleryclear {
	clear: both;
}


/* FANCYBOX  -  version 1.3.1 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
        background-image: url('../fancybox/fancy_title_over.png');
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/Gallery/templates/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

CMS Made Simple Forums

Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery

Re: Nieuwe module: Gallery