Home / Forums / Ontwikkeling / Foto gallery met flickr foto's

Foto gallery met flickr foto's

Door phoenix op 20 oktober, 2009 - 14:06
Forums: 
Ontwikkeling
Drupalversie: 
6.x

Ik zou willen een site maken waarop ik mijn foto's uit flickr kan tonen in een soort gallery. Er bestaat een flickr module, maar die kan enkel 3 blokken aanmaken. Is er een module die kan ophalen welke sets er al bestaan en dit op de site kan tonen? Bij het doorklikken op een set dat dan de foto's van die set als thumbnails verschijnen en de foto's via lightbox te bekijken zijn.
Heeft iemand zoiets al gemaakt?

Bedankt voor jullie reacties

phoenix

20 oktober, 2009 - 14:31

Ik heb al iets gevonden dat mij kan helpen:
http://www.tornstrand.com/2009/10/15/flickr-gallery-using-flickr-field/

Nog suggesties?

gamestaff

12 november, 2009 - 09:37

Bij mij lukt het nog niet.

Ik had nog geen template.php, dus die heb ik zelf aangemaakt.

Klopt de inhoud van template.php zo of moet ik nog wat wijzigen?

<?php
function bluemarine_flickrfield_photoset($img, $photo_url, $formatter, $photo_data, $node) {
return theme_flickr_photoset($photo_data, $photo_data['owner'], $formatter);
}
function bluemarine_flickr_photo($p, $size = NULL, $format = NULL, $attribs = NULL) {
$img = flickr_img($p, $size, $attribs);
$photo_url = flickr_photo_img($p, NULL, $format);
$title = is_array($p['title']) ? $p['title']['_content'] : $p['title'];
return l($img, $photo_url, array('attributes' => array('rel' => 'photos', 'title' => $title), 'absolute' => TRUE, 'html' => TRUE));
}
?>

phoenix

12 november, 2009 - 10:05

Bij mij is het gelukt, maar ik heb het voorlopig getest in garland. Ik heb die code erin gestoken en alles werkte zoals beschreven.
Ben jij het aan het testen met het bluemarine theme? Want die functies die je erin kopieert beginnen in hun naam met de naam van je theme.

Ik heb de mijn template.php even bekeken en ik heb de indruk dat die van jou ok is.

gamestaff

12 november, 2009 - 11:09

Ja, ik ben aan het testen met het bluemarine theme. Ik heb in de naam van de functies 'yourthemename' gewijzigd in 'bluemarine'. Ik dacht dat dat de bedoeling was.

Moeten er verder nog PHP-bestanden aangepast worden om het te laten werken?

phoenix

12 november, 2009 - 11:14

Nee. Je moet wel die flickr module installeren. Een content type aanmaken met een flickr set field. Ik veronderstel dat je ook een flickr sleutel hebt om flickr te accessen via de API (moet je instellen in de flickr module).

Hoe ver geraak je al? Lukt het al om een node aan te maken van je nieuwe content type en daar al de eerste foto van de set te krijgen?
Dan kan je met de code gaan spelen en kijken of het iets oplevert.

gamestaff

12 november, 2009 - 11:37

De eerste foto van de set is al zichtbaar. Spelen met de code is lastig, want ik heb geen kennis van PHP.

phoenix

12 november, 2009 - 11:44

Ok, dus je ziet de eerste foto al. Dan spelen met de code, bedoelde ik die extra code stuk per stuk toevoegen. Dus zet eerst eens die functie die alle foto's ophaalt. Dus de eerste functie in je template.php.

En ik denk dat ik al weet wat je probleem is. Je moet de cache clearen als je iets aanpast aan je template.php. Ik werk via drush en doe dan "drush cache clear" of "drush cc".

Heb je de devel module geïnstalleerd? Dan kan je de cache clearen op deze manier:
http://drupal.org/node/152983#dev

gamestaff

12 november, 2009 - 12:44

De cache clearen via de Performance settings pagina (admin/settings/performance) was de oplossing. Ik heb niet de Devel module geïnstalleerd. Bedankt voor je hulp.

Heb je nog tips om het iets fraaier te maken? Nu staan alle thumbnails tegen elkaar aan en als ik op een thumbnail klik, dan kom ik op een Flickr pagina en moet ik daarna weer terug naar de vorige pagina.

Ik zal er voor moeten zorgen dat met Lightbox de foto op de pagina zelf wordt weergegven.

phoenix

12 november, 2009 - 12:48

Je kan nu inderdaad lightbox installeren of doen wat de auteur va nde blogpost beschrijft. En dat is die fancybox gebruiken.
Die fancybox bestaat niet als module, maar als je zoals in de comment de files in je theme directory zet en je de verwijzing ernaar zet in de .info file van je theme en dan die tweede functie toevoegd aan je template.php, dan kan je de foto's bekijken met fancybox.

gamestaff

12 november, 2009 - 13:21

Hoe ziet zo'n verwijzing in de .info file van m'n theme er precies uit. Kun je misschien een voorbeeld geven?

phoenix

12 november, 2009 - 13:33

Dat vind je hier:
http://drupal.org/node/171205

Check de stukken over stylesheets en scripts. Dat moet je toevoegen in je .info file.

gamestaff

12 november, 2009 - 19:00

Ik kom er niet uit.

Dit is de inhoud van m'n bluemarine.info.

; $Id: bluemarine.info,v 1.4 2007/06/08 05:50:57 dries Exp $
name = Bluemarine
description = Table-based multi-column theme with a marine and ash color scheme.
version = VERSION
core = 6.x
engine = phptemplate

; Information added by drupal.org packaging script on 2009-09-16
version = "6.14"
project = "drupal"
datestamp = "1253130027"

; Add a stylesheet for all media
stylesheets[all][] = style.css

; Add a stylesheets for screen and projector media
stylesheets[screen, projector][] = jquery.fancybox-1.2.5.css

Ik heb de Fancybox bestanden in de theme directory gezet en jquery.fancybox-1.2.5.js hernoemd naar script.js.

Moet ik nog meer doen?

phoenix

12 november, 2009 - 22:11

En waar voeg je de script.js toe aan de .info file? Volgens mij moet dit er nog in:
scripts[] = script.js

gamestaff

13 november, 2009 - 07:37

Dat heb ik er nu bijgezet, maar dat heeft niet geholpen.

gamestaff

13 november, 2009 - 08:52

Ik heb nu de Lightbox2 module geïnstalleerd. Probleem opgelost. Nogmaals bedankt voor het meedenken.

phoenix

13 november, 2009 - 09:52

Geen probleem. Veel plezier er nog mee.
Nu zit je zover als ik. Ik ga nu proberen de zaken nog wat te themen in mijn testopstelling.

Actuele inhoud

09 feb 2012

08 feb 2012

07 feb 2012

06 feb 2012

05 feb 2012

meer