http://www.javascriptbank.com/rss/image/slideshow/ JavaScript mới nhất: Trình diễn ảnh vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/image/awesome-picture-showcase-with-simple-javascript-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã JavaScript này tạo hiệu ứng trưng bày ảnh khá đẹp và độc đáo với một giao diện rât đơn giản. Phòng trưng bày ảnh này không dùng nhiều chữ mà chỉ dùng các hình ảnh, các biểu tượng mạng xã hội để trang trí cho cả căn phòng. Các hiệu ứng hoạt hóa được xây dựng dựa trên thư viện jQuery và tiện ích prettyPhoto cũng trên nền jQuery, được kết hợp với kĩ thuật Cufont nên phòng trưng bày này càng đẹp và bắt mắt hơn. Hiệu ứng JavaScript trưng bày ảnh này hiện có hai giao diện tối và sáng, bạn hãy vào trang chi tiết để đánh giá hoặc tải bản nén này nhé, hoặc xem thêm các hiệu ứng trưng bày ảnh khác: - <a href="http://www.javascriptbank.com/picture-gallery-with-display-switcher.html">Phòng trưng bày ảnh với hai kiểu hiển thị</a> - <a href="http://www.javascriptbank.com/create-sliding-photo-gallery-using-jquery.html">Tạo một trình diễn ảnh trượt với jQuery</a> - <a href="http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html">65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí</a> - <a href="http://www.javascriptbank.com/16-free-picture-slideshow-gallery-scripts.html">16 hiệu ứng trưng bày ảnh miễn phí</a> http://www.javascriptbank.com/awesome-picture-showcase-with-simple-javascript-gallery.html 1309154099 <img src="http://www.javascriptbank.com/javascript.images/image/simple-random-picture-transitions-slideshow.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng <a href="/javascript/image/slideshow/">trình diễn ảnh</a> này sẽ mang đến một trong số 17 hiệu ứng chuyển tiếp cho mỗi bức ảnh được xem. Tuy nhiên hiệu ứng chuyển tiếp chỉ hoạt động trên <a href="/javascript/browser/">trình duyệt IE</a>, các trình duyệt khác sẽ bị thấy hiệu ứng mờ dần. Bạn có thể thiết lập thông tin mô tả và <a href="/javascript/link/">liên kết</a> cho mỗi bức ảnh. http://www.javascriptbank.com/simple-random-picture-transitions-slideshow.html 1266661342 <img src="http://www.javascriptbank.com/javascript.images/image/streaming-horizontal-banner.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng có thể làm cho một nhóm các <a href="/javascript/image/">hình ảnh</a> (logo, banner,...) chạy ngang liên tục trên trang web, nếu không xem mã nguồn, có thể ta sẽ lầm tưởng rằng đây là một trong những đoạn mã sử dụng thẻ <a href="/title=marquee">MARQUEE</a> để thực hiện việc <a href="/=di chuyển">di chuyển</a>. Bạn có thể chèn <a href="/javascript/link/">liên kết</a> cho mỗi ảnh. Ngoài ra, bạn có thể xem thêm hiệu ứng <a href="/streaming-banners.html">Luồng ảnh di chuyển</a> của cùng tác giả. http://www.javascriptbank.com/streaming-horizontal-banner.html 1239583003 <img src="http://www.javascriptbank.com/javascript.images/image/streaming-banners.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này sẽ làm cho ảnh trong hai thẻ <code>&lt;div&gt;: slideA, slideB</code> <a href="/vi+title=<a href="/vi+title=di chuyển">di chuyển</a>"><a href="/vi+title=di chuyển">di chuyển</a></a> theo chiều từ dưới lên trên nhưng xen kẽ nhau. Rất dễ cài đặt và chỉnh sửa theo ý mình. http://www.javascriptbank.com/streaming-banners.html 1200098109 <img src="http://www.javascriptbank.com/javascript.images/image/jas-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một <a href="/javascript/">đoạn mã JavaScript</a> <a href="/javascript/">JavaScript</a> khác cho việc tạo một phòng trưng bày anh nho nhỏ trên trang web với chức năng trình diễn. http://www.javascriptbank.com/jas-gallery.html 1188261246 <img src="http://www.javascriptbank.com/javascript.images/image/next-previous-image-gallery.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một <a href="/javascript/">đoạn mã JavaScript</a> đơn giản để trưng bày ảnh trên trang web với các nút <a href="/vi+title=di chuyển">di chuyển</a> ảnh tới và lui. http://www.javascriptbank.com/next-previous-image-gallery.html 1170117173 <img src="http://www.javascriptbank.com/javascript.images/image/carousel-slideshow-ii.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo một <a href="/javascript/image/slideshow/">trình diễn</a> ảnh dạng cuộn theo nhiều hướng khác nhau. http://www.javascriptbank.com/carousel-slideshow-ii.html 1170116112 <img src="http://www.javascriptbank.com/javascript.images/image/floating-slide-show-script.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng kết hợp ảnh <a href="/vi+title=di chuyển">di chuyển</a> theo <a href="/javascript/browser/scrollbar/">thanh trượt</a> với hiệu ứng slideshow. http://www.javascriptbank.com/floating-slide-show-script.html 1170116084 <img src="http://www.javascriptbank.com/javascript.images/image/fading-slide-show.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một <a href="/javascript/">đoạn mã JavaScript</a> khác để tạo hiệu ứng ảnh thay đổi mờ ảo trên trang web. http://www.javascriptbank.com/fading-slide-show.html 1170116080 <img src="http://www.javascriptbank.com/javascript.images/image/two-way-slideshow.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng làm cho các ảnh trên trang web lần lượt thay đổi cho nhau, bạn có thể bỏ thẻ style trong mã nguồn để tạo <a href="/javascript/image/slideshow/">trình diễn</a> cho <a href="/javascript/background/">ảnh nền</a> của trang web. http://www.javascriptbank.com/two-way-slideshow.html 1170116077