Nieuwe module: Gallery
Moderator: velden
Re: Nieuwe module: Gallery
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...
Jos kan het helaas niet oplossen, wellicht niet anders dan door een geheel nieuwe release te doen...
Re: Nieuwe module: Gallery
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
En eventueel van uit daar naar de volgende foto kunt gaan.
Groet, Jeroenb
Re: Nieuwe module: Gallery
----------
Last edited by deactivated010521 on Tue Mar 12, 2013 5:18 pm, edited 1 time in total.
Re: Nieuwe module: Gallery
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?
Of is dit een Feature Request
Grt. Rolf
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>
Grt. Rolf
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Re: Nieuwe module: Gallery
----------
Last edited by deactivated010521 on Tue Mar 12, 2013 5:34 pm, edited 1 time in total.
Re: Nieuwe module: Gallery
{$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
De kant en klare oplossing is er nog niet, maar de Feature Request indirect al wel: http://dev.cmsmadesimple.org/feature_request/view/5400
Re: Nieuwe module: Gallery
Bedankt Jos, dan wil ik ook graag deze FR ondertekenenJos 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
@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
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Re: Nieuwe module: Gallery
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
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
Re: Nieuwe module: Gallery
----------
Last edited by deactivated010521 on Tue Mar 12, 2013 6:48 pm, edited 1 time in total.
Re: Nieuwe module: Gallery
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
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
Make your community a better place!
Re: Nieuwe module: Gallery
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..
Ik dacht dat moet ik ook meteen in Gallery inbouwen, maar helaas heeft het geen effect vanwege dat ContentPostRender event..
Re: Nieuwe module: Gallery
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!
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!
Make your community a better place!
Re: Nieuwe module: Gallery
Nieuwe release getest... Uhm, één reactie...
WAUW!!!
Nóg mooier
WAUW!!!
Nóg mooier
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Re: Nieuwe module: Gallery
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.
@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.
Re: Nieuwe module: Gallery
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
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'); }