exp:eeflickr:photos_getInfo

Get information about a photo. The calling user must have permission to view the photo.

Params

  • photo_id: ( required ) the photo ID
  • sign: "yes" set to yes if you are requesting your (private,friends,family) data if this is not set only public data is returned for this tag. (about Authentication)
  • refresh: (cache time in minutes) this overrides the default time eeFlickr stores Flickr API data before requesting new data from Flickr

Full Tag

{exp:eeflickr:photos_getInfo photo_id="109016460"}
    {id}
    {secret}
    {server}
    {farm}
    {dateuploaded}
    {isfavorite}
    {license}
    {rotation}
    {originalsecret}
    {originalformat}
    {nsid}
    {username}
    {realname}
    {location}
    {title}
    {title_amp}
    {title_url}
    {description}
    {description_alt}
    {description_clean}
    {description_br}
    {ispublic}
    {isfriend}
    {isfamily}
    {posted}
    {taken}
    {takengranularity}
    {lastupdate}
    {permcomment}
    {permaddmeta}
    {views}
    {cancomment}
    {canaddmeta}
    {candownload}
    {canblog}
    {canprint}
    {comments}
    {latitude}
    {longitude}
    {accuracy}
    {locality}
    {county}
    {region}
    {country}
    {iscontact}
    {eeflickr:photos_getInfo_notes}
            {id}
            {author}
            {authorname}
            {x}
            {y}
            {w}
            {h}
            {_content}
    {/eeflickr:photos_getInfo_notes}
{/exp:eeflickr:photos_getInfo}


Sample Usage

example #1 shows how to position user posted photo notes. the Show and Hide mouse-overs are just simple DOM Java Script. i used allot of inline styles in this but you could change this around however you wanted. I would suggest some opacity on the notes it makes a nice effect. Mouse Over the note area to view the full note.

example #2 Shows how we can use Geo Data to build a Google Map with a InfoWindow. You must have your own API key to replace with mine in the sample script

Example #1 Photo Notes

{exp:eeflickr:photos_getInfo photo_id="128844948"}

    <div style="position:relative; text-align:left;" onmouseover="Show('notes');" onmouseout="Hide('notes')">
    <a href="http://www.flickr.com/photos/{nsid}/{id}/" rel="nofollow"><img src="http://farm{farm}.static.flickr.com/{server}/{id}_{secret}.jpg" alt="{title}" /></a>
    
    <div id="notes">
        {eeflickr:photos_getInfo_notes}
        <div onmouseover="Show('note_{id}');" onmouseout="Hide('note_{id}')" style="position:absolute; top:{y}px; left:{x}px; width:{w}px; height:{h}px; border:1px solid #00FF00;">
            <div style=" position:relative;">
                <div id="note_{id}" style="position:absolute; left:{w}px; width:200px; border:1px solid #0066FF; background-color:#CCCCCC; display:none;">
                    {_content} ~ {authorname}
                </div>
            </div>
        </div>
        {/eeflickr:photos_getInfo_notes}
    </div>
    
    </div>
{/exp:eeflickr:photos_getInfo}



Example #2 Google Map

{exp:eeflickr:photos_getInfo photo_id="356863057"}
<div id="map_canvas" style=" margin-left:8px; width: 645px; height: 600px; border: 1px solid black;"></div>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAesLR1Dfs94kNPun58DYDTxQNMmVMqaDkWq8HPMFJihadLoSYDBSNu8sFTLo9D_Txw_MHFceUJ6X1Pw"></script>
<script type="text/javascript">
  google.load("maps", "2.x");
    function initialize() {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.addControl(new GOverviewMapControl());
        map.addMapType(G_PHYSICAL_MAP)
        map.setCenter(new GLatLng({latitude}, {longitude}), 10, G_PHYSICAL_MAP);
        map.enableContinuousZoom();
        map.enableDoubleClickZoom(); 
        map.enableScrollWheelZoom();
        map.getContainer().style.overflow="hidden";
        map.hideControls();
        
        // set mouse wheel zooming 
            function wheelevent(e)
            {
            if (!e){
            e = window.event
            }
            if (e.preventDefault){e.preventDefault()}
            e.returnValue = false;
            }
            GEvent.addDomListener(map.getContainer(), "DOMMouseScroll", wheelevent);
            map.getContainer().onmousewheel = wheelevent;
                        
                    var center = map.getCenter();
                    var center_y = center.y
                    var center_x = center.x 
                    
                    // Show and Hide Map Controls on mouse
                        GEvent.addListener(map, "mouseover", function(){
                            map.showControls();
                        });
                        GEvent.addListener(map, "mouseout", function(){
                            map.hideControls(); 
                        });
                        
                    // Our info window content
                    var infoTabs = [
                        new GInfoWindowTab("Photo Location", "<div style='text-align:center;'><img style='{exp:eeflickr:photos_getSizes  photo_id="{id}"}width:{photo_Small_width}px; height:{photo_Small_height}px;{/exp:eeflickr:photos_getSizes}' src='http://farm{farm}.static.flickr.com/{server}/{id}_{secret}_m.jpg'><br /></div>")
                    ];
                    
                    // Make the Marker 
                    var marker = new GMarker(map.getCenter());
                    map.addOverlay(marker);
                    GEvent.addListener(marker, "click", function() {
                      marker.openInfoWindowTabsHtml(infoTabs);
                    });
                    
                    // open the marker
                    marker.openInfoWindowTabsHtml(infoTabs);
    }
  google.setOnLoadCallback(initialize);
</script>
{/exp:eeflickr:photos_getInfo}



Sample #1 Above Will Output

exp:eeflickr:photos_getInfo

Sample #2 Above Will Output