Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Ứng Dụng HTML - Java - Ajax Cho Bo-blog > AJAX/jQuery



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 09-08-2010, 07:31 AM
NamCòi's Avatar
NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default Bộ Code Trình Diễn ảnh bằng jQuery phần 1

1. Spacegallery

Spacegallery hiển thị hình ảnh của bạn với một hiệu ứng 3D đẹp mắt và nó cũng khá dễ sử dụng và tùy chỉnh.

Click the image to open in full size.
     
 

http://www.mediafire.com/?dtwj4y2wrxkoi49

 

2. prettyPhoto

prettyPhoto có thể trông như clone Lightbox jQuery nhưng nó hỗ trợ video, flash, video YouTube, iframe bên cạnh hình ảnh. Nó cũng đi kèm với API hữu ích và 4 chủ đề đẹp. Nó là một plugin tuyệt vời để tạo ra một hình ảnh cũng như thư viện đa phương tiện.
Click the image to open in full size.



     
 

http://www.mediafire.com/?wunvm4gzqfflbq9

 

3. Zoomimage

Stylish cách để trình bày hình ảnh của bạn trong một popup đẹp kèm theo bóng thả và viền xung quanh.4. Pirobox
Một bộ sưu tập hình ảnh dựa Lightbox plugin rằng kích thước hình ảnh dựa trên kích thước trình duyệt và kế tiếp / trước các liên kết có thể được đặt bên trong hoặc bên ngoài của hình ảnh.
Click the image to open in full size.
5. slideViewerPro
slideViewerPro jQuery là một thư viện hình ảnh hoàn toàn tùy chỉnh động cơ cho phép bạn tạo các phòng trưng bày hình ảnh nổi bật trượt cho các dự án của bạn hoặc phòng trưng bày tương tác trong bài viết blog.
Click the image to open in full size.

     
 

http://www.gcmingati.net/wordpress/w...vwt/index.html

 

6. Galleria
Galleria tạo ra một bộ sưu tập hình ảnh từ một danh sách có thứ tự và một khi những hình ảnh được nạp, hình ảnh thu nhỏ menu được tạo ra. Nó rất dễ dàng để tuỳ chỉnh chỉ sử dụng CSS và làm giảm gracefully nếu JavaScript bị vô hiệu hóa.
Click the image to open in full size.
     
 

http://www.mediafire.com/?shxii69i6bililo

 


7. jQuery PanelGallery
jQuery PanelGallery tạo ra một slideshow hình ảnh với một sự chuyển tiếp duy nhất. Hình ảnh chuyển tiếp xảy ra một cách tuần tự hiển thị của bảng điều khiển hình ảnh mới của bảng điều khiển, do đó các PanelGallery tên. Đó là trọng lượng nhẹ và cho phép bạn thay đổi theo hướng chuyển tiếp của bảng điều khiển.
Click the image to open in full size.
     
 

http://www.catchmyfame.com/2009/08/1...ugin-released/

 


8. PikaChoose
Pikachoose cho phép dễ dàng trình bày của một loạt các hình ảnh bằng cách sử dụng trình chiếu với hình thu nhỏ đẹp, bên cạnh nút Trước / và các tùy chọn autoplay.
Click the image to open in full size.
     
 

http://pikachoose.com/

 

9. jQuery Thư viện ảnh Plugin
Plugin này sẽ chuyển đổi một danh sách các hình ảnh vào một đèn flash giống như bộ sưu tập hình ảnh. Hình thu nhỏ của menu chỉ hiển thị khi bạn di chuột qua hình ảnh và hoạt động như carousel vô hạn.
Click the image to open in full size.
     
 

http://code.google.com/p/jquery-gall...downloads/list

 

10. EOGallery
EOGallery xem hình tự động tạo ra một hoạt hình và hình ảnh được hiển thị kích thước lớn hơn bằng cách sử dụng jQuery plugin Thickbox.
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #2  
Old 29-08-2010, 03:19 PM
anhshop.net's Avatar
anhshop.net anhshop.net is offline
Junior Member
 
Tham gia ngày: Aug 2010
Bài gởi: 9
Default

mình muốn đưa cái phần trình diễn ảnh này vào phần thông báo của bo-blog làm như thế nào bác admin ơi . thử mấy cái slide ảnh nhưng ko biết cài bác nói rõ một chút được không
http://blog.anhshop.net
Trả Lời Với Trích Dẫn
  #3  
Old 03-09-2010, 02:27 PM
hugoviet.tk's Avatar
hugoviet.tk hugoviet.tk is offline
Senior Member
 
Tham gia ngày: Jun 2010
Bài gởi: 124
Default

Trích:
Nguyên văn bởi anhshop.net View Post
mình muốn đưa cái phần trình diễn ảnh này vào phần thông báo của bo-blog làm như thế nào bác admin ơi . thử mấy cái slide ảnh nhưng ko biết cài bác nói rõ một chút được không
http://blog.anhshop.net
Bạn hỏi rất chuẩn, mình cũng mù tịt cái này, ai đó pro thì chỉ giúp với, dùng nó như thế nào ta?
Trả Lời Với Trích Dẫn
  #4  
Old 03-09-2010, 05:32 PM
wait_for's Avatar
wait_for wait_for is offline
Senior Member
 
Tham gia ngày: Jul 2010
Bài gởi: 161
Default

Nam còi rãnh gúm hen . Kiếm lần cả đống
Trả Lời Với Trích Dẫn
  #5  
Old 03-09-2010, 08:19 PM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

Muốn đưa vào đâu thì coppy cái đã mã trong file index.html bỏ vào chổ đó là nó chạy thôi

@ wait còn nữa mà ko ai thank nên ko post
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #6  
Old 04-09-2010, 05:58 AM
hugoviet.tk's Avatar
hugoviet.tk hugoviet.tk is offline
Senior Member
 
Tham gia ngày: Jun 2010
Bài gởi: 124
Default

Trích:
Nguyên văn bởi NamCòi View Post
Muốn đưa vào đâu thì coppy cái đã mã trong file index.html bỏ vào chổ đó là nó chạy thôi

@ wait còn nữa mà ko ai thank nên ko post
Có nhầm không Nam? Cái số 9 tải về bên trong toàn js.
DOWNLOAD
Trả Lời Với Trích Dẫn
  #7  
Old 04-09-2010, 10:40 AM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

Trích:
Nguyên văn bởi hugoviet.tk View Post
Có nhầm không Nam? Cái số 9 tải về bên trong toàn js.
DOWNLOAD
Download về rồi up lên rồi chèn mấy file js như sau vào blog
<link href="jquery.gallery.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery.gallery.js"></script>
$('#id_of_gallery').gallery({
  interval: 5500,
  height: '400px',
  width: '500px'
});
Thêm cái css này vào skin
.gallery{
  position: relative;
  overflow: hidden;
  background-color: #666;
  padding: 12px;

  /* Add height & width properties to fix the size of gallery. */
  height: 400px; 
  width: 500px;
}
Rồi muốn nó hiện ở đâu thì chèn đoạn dưới vào chổ đó
<div id="id_of_gallery" class="gallery">
  <ul class="galleryBar">
    <li><a href="picture1.jpg" title="demo #1."><img src="thumbnail1.jpg" title="image1" /></a></li>
    <li><a href="picture2.jpg" title="demo #2."><img src="thumbnail2.jpg" title="image2" /></a></li>
    <li><a href="picture3.jpg" title="demo #3."><img src="thumbnail3.jpg" title="image4" /></a></li>
  </ul>
</div>
Nhớ sửa cái đường dẫn file ảnh
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #8  
Old 04-09-2010, 02:07 PM
nobi_1994's Avatar
nobi_1994 nobi_1994 is offline
Junior Member
 
Tham gia ngày: Aug 2010
Bài gởi: 20
Default

Tuy chưa cần dùng đến nhưng cũng cảm ơn bác..khi nào cần sẽ tải về ngay..hì
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
ảnh, bằng, bộ, code, diễn, jquery, phần, trình

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 02:22 AM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259