google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Phòng trưng bày ảnh đơn giản mà tuyệt đẹp Đ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:
- Phòng trưng bày ảnh với hai kiểu hiển thị
- Tạo một trình diễn ảnh trượt với jQuery
- 65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí
- 16 hiệu ứng trưng bày ảnh miễn phí


JavaScript xoay ảnh với CANVAS trong HTML5 Xoay ảnh với JavaScript không phải loại hiệu mới trên jsB@nk bởi chúng đã từng được giới thiệu thông qua rất đoạn mã JavaScript như:

- Quay một đối tượng mà không cần ảnh
- Thế giới quay
- Ảnh quay

Tuy nhiên để bắt kịp với xu hướng của bạn bè trên khắp thế giới, jsB@nk muốn giới thiệu với bạn thêm một hiệu ứng JavaScript xoay ảnh nữa, nhưng được xây dựng trên nền HTML5 với tập lệnh canvas. Đoạn mã JavaScript xoay ảnh này khá đơn giản để bạn có thể nắm bắt cách thức sử dụng thư viện canvas trong HTML5 với các phương thức như: setAttribute, getContext, drawImage và rotate.


Chuyển đổi ảnh sang trắng đen với JavaScript Làm cách nào để chuyển một ảnh sang chế độ đen trắng? Đơn giản là chúng ta dùng một bộ lọc của Photoshop. Nhưng nếu muốn chuyển trực tiếp trên trang web thì làm sao? Cũng đơn giản là dùng một bộ lọc, bởi Adobe đã phát hành công cụ Photoshop trực tuyến để chỉnh sửa ảnh đơn giản, hoặc dùng bất kì công cụ chỉnh sửa ảnh trực tuyến khác.

Nhưng đây không phải là đề tài mà jsB@nk.com muốn đề cập. Chủ đề mà jsB@nk.com muốn nói đến là một trình chuyển đổi ảnh sang chế độ đen trắng đơn giản dùng JavaScript. Bạn hãy xem thử hiệu ứng này để biết cách nó hoạt động ra sao.


Danh mục: Hình ảnh

Trình diễn ảnh mờ dần ngẫu nhiên Hiệu ứng trình diễn ảnh 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 trình duyệt IE, 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à liên kết cho mỗi bức ảnh.


Luồng ảnh chạy ngang Hiệu ứng có thể làm cho một nhóm các hình ảnh (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ẻ MARQUEE để thực hiện việc di chuyển. Bạn có thể chèn liên kết cho mỗi ảnh.

Ngoài ra, bạn có thể xem thêm hiệu ứng Luồng ảnh di chuyển của cùng tác giả.


Chữ bao quanh ảnh Với hiệu ứng này, bạn có thể làm cho chữ bao quanh một ảnh chỉ định dễ dàng hơn; chỉ cần thêm vào ảnh một lớp và thuộc tính title chứa nội dung bao quanh, hiệu ứng sẽ tự phân tích và làm giúp bạn. Và đặc biệt bạn có thể sử dụng các thẻ HTML cho phần nội dung bao quanh.


Danh mục: Hình ảnh

Trì hoãn việc tải ảnh Đoạn mã này có thể giúp bạn trì hoãn việc tải cùng một lúc các ảnh có dung lượng lớn nhằm rút ngắn thời gian tải trang web. Một ảnh nhỏ hơn được tải trước tiên, một khoảng thời gian sau đó thì ảnh gốc sẽ được hiệu ứng JavaScript này tải tự động.


Danh mục: Hình ảnh

Trưng bày ảnh Hiển thị một vùng trưng bày ảnh đơn giản với tiêu đề và mô tả cho mỗi ảnh. Hiệu ứng rất đơn giản để cài đặt và chỉnh sửa.


Danh mục: Hình ảnh, Xem ảnh

Luồng ảnh di chuyển Đoạn mã này sẽ làm cho ảnh trong hai thẻ <div>: slideA, slideB di chuyển">di chuyển 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.


Trưng bày ảnh Một đoạn mã JavaScript JavaScript 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.


iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web