PrettyPhoto stack

Bwek

Hallo,

Kan iemand mij uitleggen hoe ik met de prettyPhoto stack een specifiek aantal foto's in een slideshow kan weergeven nadat er op een foto is geklikt?

Om het even duidelijker toe te lichten:

Ik ben bezig met een website voor de verkoop van boten. Het is de bedoeling dat als ik op een foto van een specifieke boot klik er vervolgens nog 3 foto's bij staan van die boot.

Ik heb geen idee hoe ik dat dus voor elkaar krijg zonder daadwerkelijk de foto's los ook op de pagina te plaatsen want dan lukt het wel. Maar ik wil dus slechts 1 foto zichtbaar hebben.

Henk Vrieselaar

Ik neem aan dat je deze tutorial al hebt gelezen?
Je kunt trouwens ook de ingebouwde Photo Album pagina daarvoor gebruiken samen met de prettyPhoto stack.
Een voorbeeld zie je hier. De bezoeker kan kiezen met welke foto wordt begonnen.

Bwek

Ja die heb ik gelezen. En met de hide functie heb ik het nu wel voor elkaar. Echter, in het geval van een slideshow is het geen probleem maar hoe krijg ik 2 slideshows met verschilende foto's op een pagina.

Henk Vrieselaar

Maak twee stacks pagina's met elk een verschillende slideshowI. Nu kun je meerdere slide shows importeren met Pluskit. Waarschijnlijk zijn er nog wel meer mogelijkheden. Het beste is om ons eerst eens een voorbeeldje te laten zien hoe het nu zit.
Je kunt Mauricio ook altijd een mailtje sturen, erg goede support.

Bwek

Ok, bedankt voor de tip. Op dit moment heb ik het nog niet nodig maar kan er slecht tegen als ik niet weet hoe het wel zou kunnen.

smike

@Henk ik probeer ook een pagina met pretty photo stack te maken, misschien wel samen met het de ingebouwde Photo Album pagina. Helaas vind ik de tutorial niet.

Kan je deze misschien nog eens doorsturen aub?

Henk Vrieselaar

PRETTYPHOTO STACK in een Photo Album pagina.
Voorbeeld
Als je de prettyPhoto stack in een PhotoAlbum pagina wilt gebruiken volg dan deze stappen:

1) Voeg een Pluskit pagina aan je project toe.
2) Maak ook een Stacks pagina, en daarin zet je alleen de prettyPhoto stack.
3) Nu gaan we naar je Photo Album page en zet daarin

@import((de naam van je prettyPhoto pagina))

.
Als de Page Title van je prettyPhoto pagina bijvoorbeeld 'Vakantie Plaatjes' heet, zet je dit in de sidebar van de PhotoAlbum pagina:

@import((Vakantie Plaatjes))

4) Tenslotte zetje dit in de Page Inspector > Header > JavaScript van je PhotoAlbum pagina:

jQuery(document).ready(function(){ jQuery('.thumbnail-frame').each(function(){ jQuery('a',this).attr({
'href' : jQuery('a img',this).attr('src').replace(/thumb/i,'full'), 'rel' : 'prettyPhoto[gal]',

'title' : jQuery('.thumbnail-caption',this).text() });});});

Henk Vrieselaar

Kun je iets beter omschrijven wat er niet duidelijk is of waar het misloopt?
In het voorbeeld wat ik gaf zitten je foto's gewoon via iPhoto in de ingebouwde PhotoAlbum pagina.
Als je bovenstaande simpele stappen volgt heb je binnen een minuut het gewenste effect met de foto's in je PhotoAlbum pagina.

smike

Hier is het zonder problemen gelukt (na wat uitleg van Henk). Ik zou graag een "like" button toevoegen in het fotoalbum, maar weet niet juist hoe je dat doet met PRETTYPHOTO STACK in een Photo Album pagina.

Iemand hier ervaring mee?

Henk Vrieselaar

Kun je die niet in de sidebar zetten? Heb er eerlijk gezegd geen ervaring mee, maar op het forum zijn er meer posts over.