0

onclick 新しいウィンドウを onclick ファンシー ボックスに変換しますか?

Facebookの写真を表示するためのこの無料のコードを入手しましたが、それは素晴らしいですが、実際には正義を行わない新しいウィンドウを開きます。代わりにファンシーボックスを開くように変換したいと思います。「以下のコード」

完全な URL = http://www.footfalldigital.co.uk/fbalbum.html

よろしくお願いしますリー「いつかあなたにパイントを買います」

<script language="javascript" type="text/javascript">
    function popitup(url) {
        newwindow=window.open(url,'name','height=450,width=600,location=1,toolbar=1,status=1,resizable=1')
        if (window.focus) {newwindow.focus()}
        return false;
    }
</script>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    <!-------ENTER YOUR FACEBOOK ALBUM IDS HERE------->
    var id1 = "444691594416";
    var id2 = "";
    var id3 = "";
    var id4 = "";
    var id5 = "";
    <!----------------------------------------------->
    function fbFetch1(){
        var url = "https://graph.facebook.com/" + id1 + "/photos&callback=?&limit=0";
        $.getJSON(url,function(json){
        var html = "";
        $.each(json.data,function(i,fb){
        var name = "";
        if (fb.name !== undefined){
        var name = fb.name;}
        html += "<a onclick=\"return popitup('" + fb.source + "')\"><img style='margin:5px;padding:0px;cursor:pointer;vertical-align:middle;' src=" + fb.picture + " title=\"" + name + "\"></a>"; });
        html += "";
        $('.facebookfeed1').animate({opacity:0}, 500, function(){
            $('.facebookfeed1').html(html);});
            $('.facebookfeed1').animate({opacity:1}, 500);}
        );
    };
    function fbFetch2(){
4

1 に答える 1

0

ページにすべての画像がある場合は、http: //lokeshdhakar.com/projects/lightbox/をご覧ください 。セレクター内の画像が自動的に確認され、フォト アルバムが追加されます。

彼らのサイトから取られた：

How to Use:

Include lightbox.js in your header.

<script type="text/javascript" src="lightbox.js"></script>

Add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Optional: Use the title attribute if you want to show a caption.

アップデート

http://lokeshdhakar.com/projects/lightbox2/ - Updated version

Replace:
$('.facebookfeed5').animate({opacity:0}, 500, function(){
$('.facebookfeed5').html(html);});
$('.facebookfeed5').animate({opacity:1}, 500);});};
With: 
$('.facebookfeed5').animate({opacity:0}, 500, function(){
     $('.facebookfeed5').html(html);});
     $('.facebookfeed5').animate({opacity:1}, 500);})
     $('img').attr('rel','lightbox')
;};
于 2012-07-19T10:09:45.123 に答える