Page 1 of 1

Gallery / jQuery advies

Posted: Mon Dec 02, 2013 12:32 pm
by brentnl
Ik wil graag een gallery sjabloon maken. Wat ik wil creëren is een grid van 2x6 foto's, 12 totaal dus. Iedere subgallery moet zo'n grid vormen.

Tussen iedere groep moet geswitchd worden middels navigatie/bullets, met een jquery slide animatie.

Dus ik maak straks 1 hoofd album, met daarin 3 subgallerijen (3 verschillende sponsor-categorieren), aan iedere subgallerij worden 6 tot 12 foto's toegevoegd en die moeten dus als 3 groepen verdeeld worden, waarbij steeds maar 1 grid/groep zichtbaar is. Vergroten van de logo's is niet nodig, enkel thumbs is voldoende

jQuery slide scriptjes zijn er legio te vinden, maar ik kan er geen één vinden die de afbeeldingen per grid kan groeperen. Ook het toepassen van dit in combinatie met een Gallery-sjabloon kreeg ik niet voor elkaar.

Re: Gallery / jQuery advies

Posted: Mon Dec 02, 2013 1:44 pm
by velden
Ik kan het niet helemaal volgen, maar volgens mij moet je het 'sliden' los zien van de grid/plaatjes.

Een beetje slider vindt helemaal niet interessant wát het moet sliden. Dus als jij je grids bouwt en die in 3 verschillende divs stopt, dan kan je slider zorgen voor het sliden tussen die 3 divs.

Re: Gallery / jQuery advies

Posted: Mon Dec 02, 2013 1:50 pm
by brentnl
Daar heb je op zich wel een punt. Eerste vraag is dan dus: hoe krijg ik plaatje van gallery geordend in 3 verschillende categorieën? Kan dat met subgallerijen?

Re: Gallery / jQuery advies

Posted: Mon Dec 02, 2013 2:07 pm
by velden
Ik denk dat je inderdaad 3 (sub) gallerijen aan moet maken. En voor het gemak roep je die alle 3 aan, je weet toch al welke het zijn.

pseudo code:

Code: Select all

<div class="slider">
  <div id="slide-1">
     {Gallery dir="catA"}
  </div>
  <div id="slide-2">
     {Gallery dir="catB"}
  </div>
  <div id="slide-3">
     {Gallery dir="catC"}
  </div>
</div>
In je Gallery template maak je dan een template dat zorgt voor de grid zelf. Lijkt me niet zo moeilijk.

Re: Gallery / jQuery advies

Posted: Mon Dec 02, 2013 3:03 pm
by brentnl
velden wrote:Ik denk dat je inderdaad 3 (sub) gallerijen aan moet maken. En voor het gemak roep je die alle 3 aan, je weet toch al welke het zijn.

pseudo code:

Code: Select all

<div class="slider">
  <div id="slide-1">
     {Gallery dir="catA"}
  </div>
  <div id="slide-2">
     {Gallery dir="catB"}
  </div>
  <div id="slide-3">
     {Gallery dir="catC"}
  </div>
</div>
In je Gallery template maak je dan een template dat zorgt voor de grid zelf. Lijkt me niet zo moeilijk.
Zou inderdaad kunnen, maar ik hou het liever makkelijk beheerbaar voor collega's. Zodat die extra div automatisch wordt toegevoegd als er een extra subgallerij bijkomt. Gallery heeft wel een {if $image->isdir} statement, maar kan je dan ook de onderliggende foto's al aanroepen/inladen?

Re: Gallery / jQuery advies

Posted: Mon Dec 02, 2013 3:08 pm
by velden
Het kan ja. Ik dacht dat het niet dynamisch hoefde omdat je expliciet over 3 sub galleries sprak.

Het is wel wat lastiger om het dynamisch te maken.
Hier een wat oudere post van mij waaraan je mogelijk iets hebt http://forum.cmsmadesimple.org/viewtopi ... 33#p290133

Re: Gallery / jQuery advies

Posted: Tue Dec 03, 2013 1:51 pm
by brentnl
Helaas kwam ik er niet helemaal uit met jouw aanwijzingen .. Heb het nu even snel non-dynamisch opgelost en wil nu verder proberen om het alsnog voor elkaar te krijgen.