I installed an extension but the support for it seems to be dead. So many someone here could help me out.
It's a module to view Flickr photos on your opencart website. It works but the problem is that it should have a colorbox or fancybox popup when you click a photo. But now it just loads the original photo in a blank window. Like this:
Code: Select all
http://farm9.static.flickr.com/8054/8121801658_9e24c43e92.jpg
Code: Select all
<script type="text/javascript">
var thumbclass = "size<?php echo $img_per_row; ?>";
var albumclass = "size<?php echo $album_per_row; ?>";
var settings = {
flickrKey : "<?php echo $flickr_key; ?>",
flickrSecret : "<?php echo $flickr_secret; ?>",
flickrUserId : "<?php echo $flickr_userid; ?>"
}
function getPhotos(a){$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photosets.getPhotos&api_key="+settings.flickrKey+"&photoset_id="+a+"&jsoncallback=?",function(a){var b=a.photoset.photo.length,c="";for(i=0;i<b;i++){var d="http://farm"+a.photoset.photo[i].farm+"."+"static.flickr.com/"+a.photoset.photo[i].server+"/"+a.photoset.photo[i].id+"_"+a.photoset.photo[i].secret+".jpg",e="http://farm"+a.photoset.photo[i].farm+"."+"static.flickr.com/"+a.photoset.photo[i].server+"/"+a.photoset.photo[i].id+"_"+a.photoset.photo[i].secret+"_q.jpg";c+='<a rel="fg_thumb" class="fg_thumb '+thumbclass+'" href="'+d+'" ><div class="fg_thumb_content">',c+="<img src="+e+" /></div> </a>",$("#fg_album").empty().append(c).fadeIn(300),typeof $.fancybox=="function"?$("a[rel=fg_thumb]").fancybox():typeof $.colorbox=="function"&&$("a[rel=fg_thumb]").colorbox(),$("#fg_topbar").fadeIn(300)}})}$(document).ready(function(){$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photosets.getList&api_key="+settings.flickrKey+"&user_id="+settings.flickrUserId+"&jsoncallback=?",function(a){var b=a.photosets.photoset.length,c="";for(i=0;i<b;i++){var d="http://farm"+a.photosets.photoset[i].farm+"."+"static.flickr.com/"+a.photosets.photoset[i].server+"/"+a.photosets.photoset[i].primary+"_"+a.photosets.photoset[i].secret,e=d+"_q.jpg",f=d+".jpg";c+='<a href="#" class="fg_album_door '+albumclass+'" title="'+a.photosets.photoset[i].title._content+'" alt="'+String(a.photosets.photoset[i].id)+'" >',c+='<div class="fg_set_content"><img src='+e+' /><div class="fg_set_title">'+a.photosets.photoset[i].title._content+"</div></div></a>"}$("#fg_sets").append(c)}),$("#fg_topbar_back").click(function(){$("#fg_topbar").hide(),$("#fg_album").hide(),$("#fg_sets").fadeIn(300)}),$(".fg_album_door").live("click",function(){var a=$(this);return $("#fg_topbar_album_name > h2").text(a.attr("title")),$("#fg_sets").hide(),getPhotos($(this).attr("alt")),!1})})
</script>
Thanks!