Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Xin code click vào hình ảnh tự phóng to ra

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi tui_la_ma, 6/8/14.

Lượt xem: 3,522

  1. tui_la_ma Mới đăng kí

    Link demo đây ạ, click vào cái điện thoại nó hiện lên hình ảnh và có thể chuyển hình đc
    cellphones.com.vn/golden-ace-python.html
    Xin lỗi em chưa đủ bài để post link ạ
    Cám ơn các anh chị nhiều

    ...
  2. hichita1324

    hichita1324 Thành viên cấp 1

    Jquery colorbox/ lightbox
  3. tui_la_ma

    tui_la_ma Mới đăng kí

    có code css ko a?
  4. Kid.Bi

    Kid.Bi Thành viên cấp 1

    css thì đây:
    <style type="text/css">

    /* smart image enlarger starts here */
    /* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

    .ienlarger {
    float: left;
    clear: none; /* set to left or right if needed */
    padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
    padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
    }

    .ienlarger a {
    display:block;
    text-decoration: none;
    /* add cursor:Default; to this rule to disable the hand cursor */
    }

    .ienlarger a:hover{ /* don't move this positioning to normal state */
    position:relative;
    }

    .ienlarger span img {
    border: 1px solid #FFFFFF; /* adds a border around the image */
    margin-bottom: 8px; /* pushes the text down from the image */
    }

    .ienlarger a span { /* this is for the large image and the caption */
    position: absolute;
    display:none;
    color: #FFCC00; /* caption text colour */
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; /* caption text size */
    background-color: #000000;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 10px;
    }

    .ienlarger img { /* leave or IE puts a border around links */
    border-width: 0;
    }

    .ienlarger a:hover span {
    display:block;
    top: 50px; /* means the pop-up's top is 50px away from thumb's top */
    left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
    z-index: 100;

    /* If you want the pop-up open to the left of thumb, remove the left: 90px; and add
    right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */

    /* If you want the pop-up open above the thumb, remove the top: 50px; and add
    bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */

    /* add cursor:Default; to this rule to disable the hand cursor only for the large image */
    }

    .resize_thumb {
    width: 150px; /* enter desired thumb width here */
    height : auto;
    }

    /* smart image enlarger ends here */

    </style>
    Trần Duy Hoàng thích bài viết này
  5. Trần Duy Hoàng

    Trần Duy Hoàng Thành viên cấp 3

    cũng đang hóng cai này
  6. Nighter

    Nighter Thành viên cấp 3

    search lightbox jquery là ra
  7. banbaonylong

    banbaonylong Ko phải assmin

    lightbox/shadowbox/colorbox :))

Ủng hộ diễn đàn