Đầu tiên bạn nên nạp các bức ảnh của bạn vào bộ nhớ cache của trình duyệt. Bởi làm vậy bạn sẽ rút ra được khoảng nghỉ giữa các bức hình của bạn trong bộ sưu tập. Dưới đây là đoạn code javascript đơn giản dùng để nạp ảnh:
?
var slides = new Array(3); // the number in brackets defines how many images your gallery has
got
var j=0;
for(var i=1; i<=3; i++)
{
slides= new Image();
slides.src = "images/big_" + i + ".jpg";
}
Đoạn code này được đặt giữa khối ... và .... Những bức ảnh thì được đặt trong thư mục 'images' và tên của nó thì được đặt theo dạng: big_1.jpg, big_2.jpg ...
Mỗi ảnh của bạn được đặt trong thẻ .... Thuộc tính href của thẻ trong hàm javascript này sẽ tráo đổi các hình với nhau. Đây là ví dụ về đoạn code đó:
?
<a href="javascript:Swap(1)"><img src="one.jpg" border="0">
<a href="javascript:Swap(2)"><img src="two.jpg" border="0">
<a href="javascript:Swap(3)"><img src="three.jpg" border="0">
Hàm Swap() phải đặt dưới hàm nạp ảnh. Nó sẽ nhận 1 tham số. Đây là 1 ví dụ về hàm này:
?
function Swap(number)
{
document.slide.src = slides[number].src;
}
Hàm này sẽ thay đổi thuộc tính 'src' của 1 hình ảnh mỗi lần nó được gọi. Hình ảnh đó sẽ có tên = thuộc tính "slide" được trỏ đến trong hàm Swap():
?
<img name="slide" src="big_1.jpg" width="300" height="300">
hieuthien st
Nguồn: Tạo bộ sưu tập ảnh trong JavaScrip t
________________________
Trái tim anh chỉ 2 lần mở. Đón em vào và tống cổ em ra.
http://laptrinhvien-aptech.blogspot.com/
Kiến thức về học lập trình
Kiến tức tự học lập trình asp.View more random threads:
- Kiến thức về MSDOS - Norton Commander
- Khóa học đào tạo chuyên gia kiểm thử phần mềm tại...
- SAP và Microsoft bắt tay hỗ trợ người dùng
- Chrome sắp đạt mốc thị phần 10%
- Điều cần biết về Windows Defender trong Win Vista và...
- Điểm khác biệt giữa các công nghệ panel của LCD
- Khai trương trang thông tin phòng chống tội phạm
- Hình ảnh Offline ASUS Zenbook 2011
- 13 cột mốc của Microsoft trong năm 2009
- Laptop HP ProBook tối ưu đồ họa GDDR5 RAM


Trả Lời Với Trích Dẫn
Bookmarks