PDA

View Full Version : Đó là code hay là mod riêng



Thảo Nguyên
14-08-2011, 08:55 PM
Em thấy ở trang này: http://hocsinhvn.com/f/forum.php
có phần slide ảnh chạy kèm thông báo, em muốn biết đó là mod riêng hay chỉ là code

hoangduykt7990
14-08-2011, 09:45 PM
cái này dùng jquery làm load nặng thêm chứ đươc gì hơn

có thể tham khảo 1 số slide tại đây

http://www.kythuatlaptop.com/forum/jquery-344/11-code-slide-anh-very-cool-bang-jquery-26868/

dh05k1
14-08-2011, 09:51 PM
Đã tìm thấy: share cho mọi người
Link Down : http://www.mediafire.com/?72xa1yuk1wbp9sj

1. Tạo 1 file jQuery-Nivo.html trong /Panels/ (nội dung dưới)
2. Tải các file và đặt folder jQuery-Nivo ở mục gốc website nhé
3. Đặt %%Panel.jQuery-Nivo%% nơi nào mà bạn muốn hiển thị
4. Chúc thành công


<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <a href="link đến"><img src="ảnh 1.jpg" alt="" title="Điền nội dung vào đây 1" /></a> <a href="link đến"><img src="ảnh 2.jpg" alt="" title="Điền nội dung vào đây 2" /></a> <a href="link đến"><img src="ảnh 3.jpg" alt="" title="Điền nội dung vào đây 3" /></a> <a href="link đến"><img src="ảnh 4.jpg" alt="" title="Điền nội dung vào đây 4" /></a> <a href="link đến"><img src="ảnh 5.jpg" alt="" title="Điền nội dung vào đây 5" /></a> </div> </div> <style> .theme-default #slider, .theme-default #slider img { margin:0; padding: 0; width:610px; /* Chiều rộng */ height:300px; /* Chiều cao */ } </style> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ animSpeed: 1000,// Tốc độ trượt ảnh, quy định 1000 = 1giây pauseTime: 2000, // Tốc độ chuyển ảnh A sang ảnh B startSlide: 2 // Để ảnh số mấy hiển thị đầu tiên, Ảnh số 1 để startSlide: 0 }); }); </script> <script type="text/javascript" src="/jQuery-Nivo/jquery.nivo.slider.pack.js"></script> <link rel="stylesheet" href="/jQuery-Nivo/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/jQuery-Nivo/themes/default.css" type="text/css" media="screen" />