image slide show embedden in een inhoudstype

Ik ben net gestart om een eenvoudige website te bouwen voor een kennis van mij die een klein vastgoedbedrijfje heeft.

In deze site zal ik per type vastgoed werken met verschillende inhoudstypes: huis, appartement en grond.
Via die inhoudstypes kan ik dan pagina's aanmaken per pand dat in de portefeuille van het kantoor zit.

Uiteraard moeten er voor elk pand dat wordt aangeboden ook foto's kunnen getoond worden. Het is de bedoeling dat die bij het aanmaken van een pagina heel makkelijk kunnen worden opgeladen. Hiertoe zal ik een fotoveld voorzien in elk van de inhoudstypes.

Maar de opgeladen foto's moeten dan meteen in de pagina van een pand ook verschijnen onder de vorm van een slide show of met een lightbox effect.
vb:
http://www.intueri.be/house/show/29/recente-nieuwbouw-4-slaapkamers

vb:
http://www.dynacodoor.com/nl-ne/grote-windbestendige-snelroldeur-dynaco-m3-all-weather

Ik ben op zoek naar de beste (of makkelijkste) manier om dit mogelijk te maken.
Met ander woorden:
- meerdere foto's kunnen opladen tijdens het aanmaken van een pagina
- die dan in een bepaalde zone in de pagina meteen verschijnen in een slide show of met een lightbox effect

Kan iemand mij op weg zetten naar de juiste methode (of module) om dit effect te bereiken?

Elke tip of hulp is welkom.

Mvg

Filip Burm

Drupalversie: 
7.x
Auteur: 
burmfilip
afbeelding van maartendeblock
Door maartendeblock op 5 maart, 2015 - 08:39

Maak op je content type een image field aan waarin je multiple items kan zetten. Met de module https://www.drupal.org/project/flexslider kan je dan in manage display voor flexslider.

Mvg,

Maarten De Block
http://www.entityone.be
http://www.websitesvoorkmo.be
http://www.maartendeblock.be

Door burmfilip op 5 maart, 2015 - 09:06

Bedankt voor je reactie. Ik ga het zo eens uitzoeken. Zijn er naast Flexslider eventueel nog andere modules waarmee je hetzelfde kan bereiken?

afbeelding van jo.w
Door jo.w op 5 maart, 2015 - 21:14

Ik heb al Gallery Formatter in combinatie met Shadowbox gebruikt. 'k Vind Shadowbox mooier dan Colorbox trouwens.

Jo

afbeelding van chlee
Door chlee op 5 maart, 2015 - 19:10

Met de "Colorbox" module kan je dit effect ook bereiken.
https://www.drupal.org/project/colorbox
https://www.youtube.com/watch?v=uY5KH6Ym-tA

Mvg,
Chris Leemans
ICTA.be

Door burmfilip op 9 maart, 2015 - 23:43

Chris,

Ik ben het aan het proberen met Colorbox, maar niets lijkt te werken.

Ik moet nu naar de admin/instellingen gaan van mijn site, maar de server (lokal geïnstalleerd op mijn laptop) timed altijd uit. Ik krijg dan gewoon een wit scherm te zien en geraak niet aan het onderdeel vande instellingen.

Enig idee waaraan dat kan liggen?

Mvg

Filip Burm

Door burmfilip op 6 maart, 2015 - 08:18

Bedankt voor de info. Stof genoeg om uit te zoeken.

afbeelding van be-web
Door be-web op 6 maart, 2015 - 09:16

Shadowbox lijkt niet geschikt voor mobiel. De linkjes vorige/volgende blijven heel klein op de demosite.

-----
Met vriendelijke groet,
Hans Kuiters
BE-WEB

afbeelding van jo.w
Door jo.w op 6 maart, 2015 - 18:40

Net de demosite van Colorbox eens geprobeerd met m'n smartphone. Is niet beter dan Shadowbox, hoor.

Jo

Door burmfilip op 6 maart, 2015 - 09:25

En wat in veband met de module Views Slideshow? Is dat ook een mogelijkheid om zoiets te doen?

Mvg

Filip Burm

Door burmfilip op 7 maart, 2015 - 20:03

Nog een bijkomende vraag in dit kader. Is het mogelijk om een combinatie te maken tussen:

- foto's die in een slide show verschijnen en waarin men kan browsen
- maar waarop ook een lightbox2 effect zit, als men op een van de foto's van de carrousel klikt

Is zoiets mogelijk, en zo ja hoe?

Mvg

Filip Burm

afbeelding van jo.w
Door jo.w op 10 maart, 2015 - 13:39

Yep, had ik al in mijn reactie van 5 maart gezet. Voorbeeldje hier.
Voor de rest is het configureren van beide modules.

Jo

Door burmfilip op 15 maart, 2015 - 15:40

Geachte Jo,

Het voorbeeld dat je doorstuurt via die link is exact wat ik wens.

Ik ben dus ana de slag gegaan met de modules Gallery Formatter en Colorbox. Ik heb zowat alle instructies gevolgd die ik kon vinden over deze beide modules.

Het lukt om meerdere beelden op te laden en in de slide show te laten verschijnen. Hierbij is er wel een klein probleempje met de vormgeving van de witte driehoekjes die aanduiden naar welke foto je aan het kijken bent. Bij mij verschijnen die niet zo mooi.

Als ik op een foto klik, dan treedt de colorbox module in werking. De foto opent op het originele formaat tegen een zwarte achtergrond, maar er is nergens mogelijkheid om in de colorbox mode nog verder te navigeren naar de volgende of de vorige foto.

ER is dus wellicht nog iets wat ik fout doe met betrekking tot de colorbox module. Maar ik kan niet onmiddelijk vinden wat precies.

Dus veder advies is welkom.

Mvg

Filip Burm

afbeelding van jo.w
Door jo.w op 17 maart, 2015 - 01:17

Het voorbeeld wat ik gegeven heb is met de Shadowbox-module. Met de Colorbox-module heb ik geen ervaring maar 't moet wel ergens in de instellingen van die module zitten.

Jo

Door burmfilip op 15 maart, 2015 - 16:35

Ik heb nu de colorbox module goed aan de praat gekregen. Ze werkt op zich en het colorbox effect werkt ook in combinatie met de Gallery Formatter module.

Alleen is er in die laatste nog een probleem met bepaalde van de grafische elementen die niet mooi verschijnen.
Ik vermoed dat dit misschien aan bepaalde CSS instellingen kan liggen?

Heeft iemand een idee?

afbeelding van Niek Kloots
Door Niek Kloots op 16 maart, 2015 - 00:05

Met de ad-on Firebug in FireFox is goed te achterhalen welke grafische elementen, de css dus, ergens verantwoordelijk voor is.
Is dus een handig hulpmiddel om ergens de css van aan te passen.

Door burmfilip op 22 maart, 2015 - 12:26

Uiteindelijk heb ik besloten om de Colorbox module hiervoor te gebruiken.
Via de module CSS Injector heb ik dan bijkomende CSS code toegevoegd die er voor zorgt dat de opgeladen beelden op een specifieke manier in blockvorm aan de rechterzijde van de pagina verschijnen met de tekst er mooi naast.

Er staat een duidelijke instructievideo op Vimeo die uitlegt hoe je dit moet doen:
https://vimeo.com/26411524

Filip Burm

Bookmark and Share

Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.

Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.