I am trying to adapt the flickr photo album so that it looks and feels native at my current website.
I am using the WPshower WP-theme called "imbalance" and adopted the photo gallery of the WPshower WP-theme "portfolium" for single pages. You can see an example at my website here: http://www.muenchphoto.de/2009/08/traveling-china/
the single-php line which inserts the gallery looks like this:
<div id="show"> <?php $args = array( 'post_type' => 'attachment', 'orderby' => 'menu_order', 'order' => ASC, 'numberposts' => -1, 'post_status' => null, 'post_parent' => $post->ID, 'exclude' => get_post_thumbnail_id() ); $attachments = get_posts($args); if ( $attachments ): foreach ( $attachments as $attachment ): echo wp_get_attachment_image($attachment->ID, 'full'); endforeach; endif; ?> </div>
Unfortunately my knowledge of wordpress code is not too good - so that I can only guess that the gallery is built by taking the attachments of this single post, which I uploaded to the media library. I am also guessing the rest of the gallery function is done by jquery cycle, CSS and pagination.
Now I need to have the "photoalbum-photo.html" of the "Flickr Photo Album" plugin adapt to look exactly like this type of gallery.
The important part of this HTML file should be:
<div id="photo"> <img src="<?php echo $sizes['Medium']['source']?>" width="<?php echo $sizes['Medium']['width']?>" height="<?php echo $sizes['Medium']['height']?>"/> <?php if (is_array($photo['notes']['note'])):?> <div id="notes"> <?php foreach ($photo['notes']['note'] as $note):?> <div class="note" style="top:<?php echo $note['y']?>px;left:<?php echo $note['x']?>px;"> <div class="hover2"><div class="hover" style="width:<?php echo $note['w']?>px;height:<?php echo $note['h']?>px;"></div></div> <div class="text"><?php echo ($note['_content'] ? $note['_content'] : $note['_value'])?></div> </div> <?php endforeach;?> </div> <?php endif;?> </div> <p><?php echo apply_filters('the_content', $photo['description']);?></p> <?php include($TanTanFlickrPlugin->getDisplayTemplate('/photoalbum-photometa.html'));?> <?php include($TanTanFlickrPlugin->getDisplayTemplate('/photoalbum-comments.html')); ?> <?php include($TanTanFlickrPlugin->getDisplayTemplate('/photoalbum-context.html')); ?>
I have no idea how to start to merge those two different gallery-approaches. I think I need to change my current gallery so that it no longer takes the images from the attachments, but to take them from the flickr API.
If you should have a clue were I need to start, I would very welcome your thoughts.
Thanks for your efforts and best regards.