First topic message reminder :

Bài viết này được viết theo yêu cầu từ: [You must be registered and logged in to see this link.]

---

1. Đầu tiên vào ACP -> Display -> Pictures and Colors -> Colors -> Css Stylsheet
   
2. Thêm vào cuối css:
   
   
3. ACP -> Modules -> HTML & JAVASCRIPT -> Javascript codes management -> Change a Javascript Code -> Create a new javascript
   
4. Nội dung:
   
   
   
   • Title: Js for the slimbox
     
   • Placement: In all the page
     
   • Javascript Code:
     

     Code:

     /*!
   Slimbox v2.05 - The ultimate lightweight Lightbox clone for jQuery
   (c) 2007-2013 Christophe Beyls <http://www.digitalia.be>
   MIT-style license.
*/
(function (w) {
    var E = w(window),
        u, f, F = -1,
        n, x, D, v, y, L, r, m = !window.XMLHttpRequest,
        s = [],
        l = document.documentElement,
        k = {}, t = new Image(),
        J = new Image(),
        H, a, g, p, I, d, G, c, A, K;
    w(function () {
        w("body").append(w([H = w('<div id="lbOverlay" />').click(C)[0], a = w('<div id="lbCenter" />')[0], G = w('<div id="lbBottomContainer" />')[0]]).css("display", "none"));
        g = w('<div id="lbImage" />').appendTo(a).append(p = w('<div style="position: relative;" />').append([I = w('<a id="lbPrevLink" href="#" />').click(B)[0], d = w('<a id="lbNextLink" href="#" />').click(e)[0]])[0])[0];
        c = w('<div id="lbBottom" />').appendTo(G).append([w('<a id="lbCloseLink" href="#" />').click(C)[0], A = w('<div id="lbCaption" />')[0], K = w('<div id="lbNumber" />')[0], w('<div style="clear: both;" />')[0]])[0]
    });
    w.slimbox = function (O, N, M) {
        u = w.extend({
            loop: false,
            overlayOpacity: 0.8,
            overlayFadeDuration: 400,
            resizeDuration: 400,
            resizeEasing: "swing",
            initialWidth: 250,
            initialHeight: 250,
            imageFadeDuration: 400,
            captionAnimationDuration: 400,
            counterText: "Image {x} of {y}",
            closeKeys: [27, 88, 67],
            previousKeys: [37, 80],
            nextKeys: [39, 78]
        }, M);
        if (typeof O == "string") {
            O = [
                [O, N]
            ];
            N = 0
        }
        y = E.scrollTop() + (E.height() / 2);
        L = u.initialWidth;
        r = u.initialHeight;
        w(a).css({
            top: Math.max(0, y - (r / 2)),
            width: L,
            height: r,
            marginLeft: -L / 2
        }).show();
        v = m || (H.currentStyle && (H.currentStyle.position != "fixed"));
        if (v) {
            H.style.position = "absolute"
        }
        w(H).css("opacity", u.overlayOpacity).fadeIn(u.overlayFadeDuration);
        z();
        j(1);
        f = O;
        u.loop = u.loop && (f.length > 1);
        return b(N)
    };
    w.fn.slimbox = function (M, P, O) {
        P = P || function (Q) {
            return [Q.href, Q.title]
        };
        O = O || function () {
            return true
        };
        var N = this;
        return N.unbind("click").click(function () {
            var S = this,
                U = 0,
                T, Q = 0,
                R;
            T = w.grep(N, function (W, V) {
                return O.call(S, W, V)
            });
            for (R = T.length; Q < R; ++Q) {
                if (T[Q] == S) {
                    U = Q
                }
                T[Q] = P(T[Q], Q)
            }
            return w.slimbox(T, U, M)
        })
    };

    function z() {
        var N = E.scrollLeft(),
            M = E.width();
        w([a, G]).css("left", N + (M / 2));
        if (v) {
            w(H).css({
                left: N,
                top: E.scrollTop(),
                width: M,
                height: E.height()
            })
        }
    }

    function j(M) {
        if (M) {
            w("object").add(m ? "select" : "embed").each(function (O, P) {
                s[O] = [P, P.style.visibility];
                P.style.visibility = "hidden"
            })
        } else {
            w.each(s, function (O, P) {
                P[0].style.visibility = P[1]
            });
            s = []
        }
        var N = M ? "bind" : "unbind";
        E[N]("scroll resize", z);
        w(document)[N]("keydown", o)
    }

    function o(O) {
        var N = O.which,
            M = w.inArray;
        return (M(N, u.closeKeys) >= 0) ? C() : (M(N, u.nextKeys) >= 0) ? e() : (M(N, u.previousKeys) >= 0) ? B() : null
    }

    function B() {
        return b(x)
    }

    function e() {
        return b(D)
    }

    function b(M) {
        if (M >= 0) {
            F = M;
            n = f[F][0];
            x = (F || (u.loop ? f.length : 0)) - 1;
            D = ((F + 1) % f.length) || (u.loop ? 0 : -1);
            q();
            a.className = "lbLoading";
            k = new Image();
            k.onload = i;
            k.src = n
        }
        return false
    }

    function i() {
        a.className = "";
        w(g).css({
            backgroundImage: "url(" + n + ")",
            visibility: "hidden",
            display: ""
        });
        w(p).width(k.width);
        w([p, I, d]).height(k.height);
        w(A).html(f[F][1] || "");
        w(K).html((((f.length > 1) && u.counterText) || "").replace(/{x}/, F + 1).replace(/{y}/, f.length));
        if (x >= 0) {
            t.src = f[x][0]
        }
        if (D >= 0) {
            J.src = f[D][0]
        }
        L = g.offsetWidth;
        r = g.offsetHeight;
        var M = Math.max(0, y - (r / 2));
        if (a.offsetHeight != r) {
            w(a).animate({
                height: r,
                top: M
            }, u.resizeDuration, u.resizeEasing)
        }
        if (a.offsetWidth != L) {
            w(a).animate({
                width: L,
                marginLeft: -L / 2
            }, u.resizeDuration, u.resizeEasing)
        }
        w(a).queue(function () {
            w(G).css({
                width: L,
                top: M + r,
                marginLeft: -L / 2,
                visibility: "hidden",
                display: ""
            });
            w(g).css({
                display: "none",
                visibility: "",
                opacity: ""
            }).fadeIn(u.imageFadeDuration, h)
        })
    }

    function h() {
        if (x >= 0) {
            w(I).show()
        }
        if (D >= 0) {
            w(d).show()
        }
        w(c).css("marginTop", -c.offsetHeight).animate({
            marginTop: 0
        }, u.captionAnimationDuration);
        G.style.visibility = ""
    }

    function q() {
        k.onload = null;
        k.src = t.src = J.src = n;
        w([a, g, c]).stop(true);
        w([I, d, g, G]).hide()
    }

    function C() {
        if (F >= 0) {
            q();
            F = x = D = -1;
            w(a).hide();
            w(H).stop().fadeOut(u.overlayFadeDuration, j)
        }
        return false
    }
})(jQuery);

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
    jQuery(function ($) {
        jQuery(".postbody").find("img").not("img[src*='imgfast.net/users']").each(function () {
            imgft = jQuery(this).attr('src');
            jQuery(this).replaceWith('<a title="Click để xem kích thước thật" rel="lightbox-1nhom"  href="' + imgft + '"><img src="' + imgft + '" /></a>')         

        });

jQuery('a[href*=".png"],a[href*=".jpg"],a[href*=".gif"]').attr('rel','lightbox-1nhom');
        $("a[rel^='lightbox-1nhom']").slimbox({ /* Put custom options here */ }, null, function (el) {
            return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
        });
    });
}

Demo: [You must be registered and logged in to see this link.]

Xem Bài viết trước của tôi:

Một phần bài viết đã bị ẩn.
Hãy vui lòng xem demo và cho nhận xét của bạn về Tut này để xem được nội dung.
Mọi bài viết spam sẽ bị khóa nick.

bạn thử topic này nhé [You must be registered and logged in to see this link.]
id: mkq-test
pas: maikhongquen
không phải click bị lỗi mà click ko hiện gì hết, nãy forum có chút trục trặc về code nên mình pm nhầm. Sr nhé. ^^

Đã sử dụng js fancy của fmvi thì làm sao mà sử dụng slim box đc nữa !!!!!!!

ܓܨܓMxTrường đã viết:Đã sử dụng js fancy của fmvi thì làm sao mà sử dụng slim box đc nữa !!!!!!!

mình tháo hết ra rồi mới add code slimbox mà. css và js. có js fancybox đâu

minhphong_9x đã viết:

ܓܨܓMxTrường đã viết:Đã sử dụng js fancy của fmvi thì làm sao mà sử dụng slim box đc nữa !!!!!!!

mình tháo hết ra rồi mới add code slimbox mà. css và js. có js fancybox đâu

Mình vẫn còn thấy ảnh của bạn mang thẻ fancy-fmvi

mình đã làm lại hết, bỏ hết js fancybox và làm lại slimbox và kết quả ko đc. hic. nãy do forum backup lại code chưa kịp bỏ code fancybox, sr admin.
h xem lại nè, phpbb2 : [You must be registered and logged in to see this link.] trơ luôn

Viewtopic của bạn không phải là template mẫu nên đã thay đổi khá nhiều.
Mình đã sửa lại cho phù hợp.
Bạn hãy thử lại.

Hay phết

h thì bạn nhìn thấy rồi đó. nó bị ẩn mà

Hay quá, thanks nhiều

tks

Không biết có ẩn không nhỉ
Nhân vào ảnh nó chuyển ra trang khác

see

Demo này hỏng lâu rồi nha bạn !

ù uồi, đang cần cái này

tks

cám ơn bạn nha

hay đó anh

Spam cái nào, lâu quá cho vào xó hết rồi, hơizzz, thiệt là đau lòng quá đi đó mà

oh shjt

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa