Kết quả 1 đến 1 của 1
  1. #1
    Super Moderator tinhphaistc's Avatar
    Ngày tham gia
    01-03-2013
    Bài viết
    693
    Cảm ơn
    244
    Được cảm ơn 278 trong 210 bài viết

    fancybox facebook comment - popup hình ảnh như facebook

    demo: nhìn em các anh có bị kích thích không ^^ :yociexp32:

    " href="http://1.bp.blogspot.com/-1_bRhraOo90/Ujf9vXwsqgI/AAAAAAAABcw/H0IMOT8Epo8/s1600/hot-girl-14t-3.jpg" target="_blank" rel="nofollow">fancybox facebook comment - popup hình ảnh như facebook

    Download các file đính kèm nhé. (download các file đính kèm để phủ hợp với phiên bản)
    hoặc có thể download từ website:
    https://github.com/malihu/malihu-cus...rollbar-plugin
    http://fancybox.net/
    lưu ý: trong bài này các bạn chỉ download file này http://www.forum.codeigniter.vn/atta...9&d=1404713903
    vì mình code sẵn và tích hợp theo cách hướng dẫn phía dưới là ok nhe.
    công việc tiếp theo cấu hình fancybox jquery scroll.
    HTML
    chèn vào header.
    HTML Code:
    <!-- Add fancyBox main JS and CSS files -->    
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>    
    <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
    <script type="text/javascript" src="fancybox/source/codeigniter-source.js?"></script>
    <script type="text/javascript" src="fancybox/source/jquery.mCustomScrollbar.concat.min.js"></script>
    <!--end-->
    code thêm file js codeigniter-source.js

    nội dung:
    HTML Code:
    $(document).ready(function() {
            
                $(".fancybox").fancybox({
                    padding     : [0, 325, 0, 0],
                    helpers: {  
                        title: null,  
                        buttons    : {}
                    },
                    beforeShow: function(){
                        var fancyNewContent = $('<div id="scrollbox4" class="fancybox-New" style="height:90%"><h3>'+ this.title +'</h3><div class="fb-comments" data-href="http://www.forum.codeigniter.vn' + window.location.pathname + '" data-numposts="3" data-width="280" data-colorscheme="light"></div></div>'); 
                        this.inner.append(fancyNewContent);
                        
                    },
                    afterShow: function () {
                        FB.XFBML.parse(); // reparse the document 
                        $.fancybox.update(); // resize after show (just in case)
                        $("#scrollbox4").mCustomScrollbar({
                            theme:"dark"
                        });
                        
                    }
                });
    });
    //sửa tên miền trong đoạn code cho phù hợp với website của bạn.
    hình ảnh các bạn cấu hình theo kiểu này cho em nhé.

    HTML Code:
    <a class="fancybox" href="http://1.bp.blogspot.com/-1_bRhraOo90/Ujf9vXwsqgI/AAAAAAAABcw/H0IMOT8Epo8/s1600/hot-girl-14t-3.jpg" data-fancybox-group="gallery" title="thử nghiệm tính năng up ảnh mới của diễn đàn.">
    <img src="http://1.bp.blogspot.com/-1_bRhraOo90/Ujf9vXwsqgI/AAAAAAAABcw/H0IMOT8Epo8/s1600/hot-girl-14t-3.jpg" border="0" alt="thử nghiệm tính năng up ảnh mới của diễn đàn." title="thử nghiệm tính năng up ảnh mới của diễn đàn.">
    </a>
    NOTE:
    • chúng ta phải tạo ra một application trên facebook để facebook cho phép comment.
    Tập tin đính kèm Tập tin đính kèm
    Sửa lần cuối bởi tinhphaistc; 07-07-2014 lúc 01:20 PM.
    THÔNG TIN HỖ TRỢ DIỄN ĐÀN CODEIGNITER VIỆT NAM
    Email: tinhphaistc@gmail.com

  2. The Following User Says Thank You to tinhphaistc For This Useful Post:

    timhieu (23-07-2014)

  3. 21-10-2014, 08:58 AM

Chia sẽ và Bình Luận chủ đề fancybox facebook comment - popup hình ảnh như facebook trên facebook

Các Chủ đề tương tự

  1. login facebook codeigniter - đăng nhập codeigniter bằng facebook
    Bởi tinhphaistc trong diễn đàn Turtorial
    Trả lời: 20
    Bài cuối: 16-02-2017, 05:10 PM
  2. library facebook sdk codeigniter
    Bởi tinhphaistc trong diễn đàn Turtorial
    Trả lời: 6
    Bài cuối: 04-11-2016, 11:54 AM
  3. Hướng dẫn cách đặt backlink dofollow lên facebook
    Bởi maduong trong diễn đàn Diễn Đàn Seo
    Trả lời: 0
    Bài cuối: 23-04-2014, 10:52 AM
  4. Search như của facebook
    Bởi timhieu trong diễn đàn Hỏi đáp
    Trả lời: 6
    Bài cuối: 10-04-2014, 10:31 PM
  5. Cách làm like bài viêts facebook như thế nào
    Bởi Zen Studio trong diễn đàn Turtorial
    Trả lời: 1
    Bài cuối: 15-08-2013, 09:00 AM

Các từ khóa xuất hiện trên google của chủ đề

http:www.forum.codeigniter.vnshowthread.php778-fancybox-facebook-comment-popup-hinh-anh-nhu-facebook.html

Code Popup xem ảnh facebook

Tag của Chủ đề này - Hãy Thêm Tags Để bài viết nhanh lên top google

Quyền viết bài

  • Bạn không thể đăng chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi đính kèm
  • Bạn không thể sửa bài
  •