Tạo hiệu ứng chuyển ảnh - Javascript
hmweb - Bài này mình giới thiệu code tạo hiệu ứng chuyển ảnh như demo dưới đây. Để thực hiện bạn cần chuẩn bị các bức ảnh để hiển thị trong hiệu ứng và thay các đường dẫn tuyệt đối thành đường dẫn trong web của bạn. Bạn hãy copy đoạn code dưới đây và lưu thành tập tin *.htm để xem demo, ...
hmweb - Bài này mình giới thiệu code tạo hiệu ứng chuyển ảnh như demo dưới đây. Để thực hiện bạn cần chuẩn bị các bức ảnh để hiển thị trong hiệu ứng và thay các đường dẫn tuyệt đối thành đường dẫn trong web của bạn. Bạn hãy copy đoạn code dưới đây và lưu thành tập tin *.htm để xem demo, hoặc bạn có thể download mã nguồn tại đây: Với các bức ảnh có with lớn bạn cần thay đổi flashclass cho hợp lý
hmweb - Bài này mình giới thiệu code tạo hiệu ứng chuyển ảnh như demo dưới đây.
Để thực hiện bạn cần chuẩn bị các bức ảnh để hiển thị trong hiệu ứng và thay các đường dẫn tuyệt đối thành đường dẫn trong web của bạn. Bạn hãy copy đoạn code dưới đây và lưu thành tập tin *.htm để xem demo, hoặc bạn có thể download mã nguồn tại đây: Với các bức ảnh có with lớn bạn cần thay đổi flashclass cho hợp lý
<html> <head> <style type="text/css"> .flashclass{ awidth: 148px; border: 1px solid orange; padding: 5px; } .flashclass img{ border-awidth: 0; } </style> <script type="text/javascript" src="http://hmweb.com.vn/js/transitionshow.js"> </script> <head> <body> <script type="text/javascript"> var flashyshow=new flashyslideshow({ wrapperid: "myslideshow", wrapperclass: "flashclass", imagearray: [ ["http://hmweb.com.vn/Images/Template/HJCTem.jpg", "http://hmweb.com.vn", "_new", "Tập đoàn đầu tư xây dựng."], ["http://hmweb.com.vn/Images/Template/Comput_min.jpg", "http://hmweb.com.vn", "", "Web thương mại máy tính"], ["http://hmweb.com.vn/Images/Template/Food_min.jpg", "http://hmweb.com.vn", "", "Website quảng bá nhà hàng."], ["http://hmweb.com.vn/Images/Template/Fashion_Min.jpg", "http://hmweb.com.vn", "", "website fashion"], ["http://hmweb.com.vn/Images/Template/bookonline_Min.jpg", "http://hmweb.com.vn", "", "website bookonline."] ], pause: 2000, //khoảng thời gian chuyển giữa hai ảnh transduration: 1000 }) </script> </body> </html>
Chúc bạn thành công
Nguồn: http://www.thietkewebsmart.com/html-css/tao-hieu-ung-chuyen-anh-javascript/875.htm
