Кликабельное изображение с использованием API Javascript и Facebook graph - PullRequest
Новая
       5

Кликабельное изображение с использованием API Javascript и Facebook graph

0 голосов
/ 02 июня 2011

У меня есть этот кусок кода: 

function fbFetch(){
      //Set Url of JSON data from the facebook graph api. make sure callback is set with a '?' to overcome the cross domain problems with JSON
      var url = "http://graph.facebook.com/10150171084863204/photos?limit=3&type=small&callback=?";

        //Use jQuery getJSON method to fetch the data from the url and then create our unordered list with the relevant data.
        $.getJSON(url,function(json){
            var html = "<ul>";
            html += '<li><img src="foto.jpg" /></li>';
                //loop through and within data array's retrieve the message variable.
                $.each(json.data,function(i,fb){

                 html += '<li><img class="fbimg" alt="" src="' + fb.picture + '" /></li>';
                });
            html += '<li><a href=""><img src="fotolain.jpg" border="0" /></a></li>';
            html += "</ul>";


        $('.facebookfeed').html(html);                      



        });

    };

И это изображение создаст 3 изображения из альбома Facebook. Мне бы хотелось, чтобы каждое изображение было кликабельным, а когда пользователь нажимает на изображение, будет показано большое изображение из альбома Facebook.

Теперь, как мне этого добиться?

1 Ответ

1 голос
/ 02 июня 2011 
<a href="path-to-your-big-image.jpg"><img src="path-to-your-small-image.jpg"/></a>

просто, как это. Теперь вы можете интегрировать эту идею в любом месте. Будь то FB API или где-то еще.

...