bavuongduongpho
21-03-2011, 08:02 PM
Mấy hôm nAy lần mò trên mấy trang web nước ngoài được một số code jquery và html web gallery image khá đẹp lấy về chỉnh sửa đôi chút, có lòng share cho anh em thưởng thức http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/1.gif.Vì Code có jquery là java nhưng có css, html nên mình cứ post mục này vậy !
Hướng dẫn tẹo : Cái này bạn chỉ việc up lên host rồi chạy là Ok ( Có cái bạn phải dẫn trực tiếp đến file chạy như file demo.html )
Mình nói thêm http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/1.gif : Những silde này đối với các pro web thì việc lấy code trong web trên rồi đưa vào web khác hay một số điều khác thì khá dễ dàng, đối với các bạn mới làm web thì sẽ khó khắn.Vì vậy vài hôm sau mình sẽ hướng dẫn các bạn làm một trang chủ chứa các slide trên ! : có thể hiểu là chúng ta sẽ thêm các icon vào web, các đường link, đổi ảnh nền , thêm flash...
Chú ý : Một số web slide ảnh đòi hỏi phải có IE 7 , firefox 3 và flash 9 hay 10 trở lên thì mới chạy ngon !
1.Slideflow-1.1
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/Slideflow-11.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?xjx22dayqhvg5cn
chạy : galeery.html
Demo :
http://lienket.org/Slideflow/Slideflow/gallery.html
2.sliderman-js
.http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/sliderman-js.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?t5awfff9n9a7l0b
demo :
http://lienket.org/sliderman/sliderman-js/
3.images-with-captions
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/nathansearles-Slidesimages-with-captions.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?xjx22dayqhvg5cn
demo :
http://lienket.org/imagescaptions/
4.Nivo-slider
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/nivo-slider.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?b47lneiabzygile
chạy : demo.html
demo :
http://lienket.org/nivoslider/demo/demo.html
5.orbit-1.2.3
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/orbit-123.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?oobm5ojc18lgjo8
chạy : demo.html
demo :
http://lienket.org/orbit/demo/demo.html
6.polaroid_20070716
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/polaroid_20070716.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?zkre3pv9u2lzv4q
chạy : fullscreen.html (http://lienket.org/polaroid/fullscreen.html)
demo :
http://lienket.org/polaroid/fullscreen.html
7.protoflow :Cái này cho web (http://sinhvienit.net/@forum/autolink.php?id=7&forumid=115&script=showthread) bán tạp chí thì quá tốt http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/1.gif
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/protoflow.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?9dtkewf4f0ei8co
demo : http://lienket.org/protoflow/index.html
8.simpleviewer_212
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/simpleviewer_212.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?40zx2f63rzkd06x
demo :
http://lienket.org/simpleviewer/
9.lofslidernews :Gồm 6 mẫu slide ( index2, index3 ...index6 )
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/lofslidernews.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/file/d259ja...slidernews.zip (http://www.mediafire.com/file/d259jas6kx0a4m2/lienket.org_llofslidernews.zip)
demo :
http://lienket.org/lofslidernews/
http://lienket.org/lofslidernews/index2.html
http://lienket.org/lofslidernews/index3.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index4.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index5.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index6.html (http://lienket.org/lofslidernews/index2.html)
10.fading_images
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/fading_images.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/file/amp81p...adingimage.zip (http://www.mediafire.com/file/amp81p2013532as/fadingimage.zip)
demo :
http://lienket.org/fadingimage/
11.good flashmo_225_bar_slidergood ( Gom 2 web (http://sinhvienit.net/@forum/autolink.php?id=7&forumid=115&script=showthread) slide )
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/goodflashmo_225_bar_slidergood.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.pnghttp://www.mediafire.com/file/12pmlj...escaptions.zip (http://www.mediafire.com/file/12pmljrbab1ilm5/lienket.org_limagescaptions.zip)
demo :
http://lienket.org/good%20flashmo/bar_example_1.html
Hướng dẫn tẹo : Cái này bạn chỉ việc up lên host rồi chạy là Ok ( Có cái bạn phải dẫn trực tiếp đến file chạy như file demo.html )
Mình nói thêm http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/4.gif : Những silde này đối với các pro web thì việc lấy code trong web trên rồi đưa vào web khác hay một số điều khác thì khá dễ dàng, đối với các bạn mới làm web thì sẽ khó khắn.Vì vậy vài hôm sau mình sẽ hướng dẫn các bạn làm mộ trang chủ chứa các slide trên cực dễ luôn ! : có thể hiểu là chúng ta sẽ thêm các icon vào web, các đường link, đổi ảnh nền , thêm flash...
Hướng dẫn tẹo : Cái này bạn chỉ việc up lên host rồi chạy là Ok ( Có cái bạn phải dẫn trực tiếp đến file chạy như file demo.html )
Mình nói thêm http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/1.gif : Những silde này đối với các pro web thì việc lấy code trong web trên rồi đưa vào web khác hay một số điều khác thì khá dễ dàng, đối với các bạn mới làm web thì sẽ khó khắn.Vì vậy vài hôm sau mình sẽ hướng dẫn các bạn làm một trang chủ chứa các slide trên ! : có thể hiểu là chúng ta sẽ thêm các icon vào web, các đường link, đổi ảnh nền , thêm flash...
Chú ý : Một số web slide ảnh đòi hỏi phải có IE 7 , firefox 3 và flash 9 hay 10 trở lên thì mới chạy ngon !
1.Slideflow-1.1
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/Slideflow-11.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?xjx22dayqhvg5cn
chạy : galeery.html
Demo :
http://lienket.org/Slideflow/Slideflow/gallery.html
2.sliderman-js
.http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/sliderman-js.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?t5awfff9n9a7l0b
demo :
http://lienket.org/sliderman/sliderman-js/
3.images-with-captions
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/nathansearles-Slidesimages-with-captions.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?xjx22dayqhvg5cn
demo :
http://lienket.org/imagescaptions/
4.Nivo-slider
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/nivo-slider.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?b47lneiabzygile
chạy : demo.html
demo :
http://lienket.org/nivoslider/demo/demo.html
5.orbit-1.2.3
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/orbit-123.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?oobm5ojc18lgjo8
chạy : demo.html
demo :
http://lienket.org/orbit/demo/demo.html
6.polaroid_20070716
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/polaroid_20070716.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?zkre3pv9u2lzv4q
chạy : fullscreen.html (http://lienket.org/polaroid/fullscreen.html)
demo :
http://lienket.org/polaroid/fullscreen.html
7.protoflow :Cái này cho web (http://sinhvienit.net/@forum/autolink.php?id=7&forumid=115&script=showthread) bán tạp chí thì quá tốt http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/1.gif
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/protoflow.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?9dtkewf4f0ei8co
demo : http://lienket.org/protoflow/index.html
8.simpleviewer_212
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/simpleviewer_212.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/?40zx2f63rzkd06x
demo :
http://lienket.org/simpleviewer/
9.lofslidernews :Gồm 6 mẫu slide ( index2, index3 ...index6 )
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/lofslidernews.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/file/d259ja...slidernews.zip (http://www.mediafire.com/file/d259jas6kx0a4m2/lienket.org_llofslidernews.zip)
demo :
http://lienket.org/lofslidernews/
http://lienket.org/lofslidernews/index2.html
http://lienket.org/lofslidernews/index3.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index4.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index5.html (http://lienket.org/lofslidernews/index2.html)
http://lienket.org/lofslidernews/index6.html (http://lienket.org/lofslidernews/index2.html)
10.fading_images
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/fading_images.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.png
http://www.mediafire.com/file/amp81p...adingimage.zip (http://www.mediafire.com/file/amp81p2013532as/fadingimage.zip)
demo :
http://lienket.org/fadingimage/
11.good flashmo_225_bar_slidergood ( Gom 2 web (http://sinhvienit.net/@forum/autolink.php?id=7&forumid=115&script=showthread) slide )
http://i476.photobucket.com/albums/rr122/tuongmap/share%20index%20slide/goodflashmo_225_bar_slidergood.jpg
https://lh4.googleusercontent.com/_PQ7h9CMDqAQ/TOc0ExHhDkI/AAAAAAAAAd8/4nwu4QXlnQg/2repcuv.pnghttp://www.mediafire.com/file/12pmlj...escaptions.zip (http://www.mediafire.com/file/12pmljrbab1ilm5/lienket.org_limagescaptions.zip)
demo :
http://lienket.org/good%20flashmo/bar_example_1.html
Hướng dẫn tẹo : Cái này bạn chỉ việc up lên host rồi chạy là Ok ( Có cái bạn phải dẫn trực tiếp đến file chạy như file demo.html )
Mình nói thêm http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/4.gif : Những silde này đối với các pro web thì việc lấy code trong web trên rồi đưa vào web khác hay một số điều khác thì khá dễ dàng, đối với các bạn mới làm web thì sẽ khó khắn.Vì vậy vài hôm sau mình sẽ hướng dẫn các bạn làm mộ trang chủ chứa các slide trên cực dễ luôn ! : có thể hiểu là chúng ta sẽ thêm các icon vào web, các đường link, đổi ảnh nền , thêm flash...