Nieuwe module: Gallery

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Nieuwe module: Gallery

Post by Jos »

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...
jeroenb
Forum Members
Forum Members
Posts: 27
Joined: Wed Jan 13, 2010 1:00 pm

Re: Nieuwe module: Gallery

Post by jeroenb »

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
deactivated010521

Re: Nieuwe module: Gallery

Post by deactivated010521 »

----------
Last edited by deactivated010521 on Tue Mar 12, 2013 5:18 pm, edited 1 time in total.
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: Nieuwe module: Gallery

Post by Rolf »

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 :)
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
deactivated010521

Re: Nieuwe module: Gallery

Post by deactivated010521 »

----------
Last edited by deactivated010521 on Tue Mar 12, 2013 5:34 pm, edited 1 time in total.
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Nieuwe module: Gallery

Post by Jos »

{$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
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: Nieuwe module: Gallery

Post by Rolf »

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 :)
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Nieuwe module: Gallery

Post by Jos »

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
deactivated010521

Re: Nieuwe module: Gallery

Post by deactivated010521 »

----------
Last edited by deactivated010521 on Tue Mar 12, 2013 6:48 pm, edited 1 time in total.
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm
Location: the Netherlands

Re: Nieuwe module: Gallery

Post by M@rtijn »

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

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

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 ;)
Make your community a better place!
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Nieuwe module: Gallery

Post by Jos »

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..
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm
Location: the Netherlands

Re: Nieuwe module: Gallery

Post by M@rtijn »

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

Jammer, maar gelukkig nog wel andere leuke features, rotate functie en kwaliteit voor verkleinen zijn briljant. Werkt prima!
Make your community a better place!
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: Nieuwe module: Gallery

Post by Rolf »

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

WAUW!!!

Nóg mooier ;)
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Nieuwe module: Gallery

Post by Jos »

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.
iStevo

Re: Nieuwe module: Gallery

Post by iStevo »

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'); }
Post Reply

Return to “Dutch - Nederlands”