▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO SLIDESHOW ẢNH (Kiểu 7)

Giống các kiểu slideshow khác đã được chia sẻ TẠI ĐÂY. Slideshow kiểu 7 này cũng không chiếm không gian của Blog, các hình ảnh của bạn được trình chiếu gọn gàng trong một khung ảnh, đặc biệt của slideshow này là hiệu ứng rơi ảnh khá ngộ nghĩnh. Lúc bắt đầu slideshow sẽ tự trình chiếu...Phía dưới có các thẻ XEM LẠI, XEM TRƯỚC VÀ STOP
Lưu ý khi slideshow đang được trình chiếu tự động, bạn bấm một trong các thẻ phía dưới sẽ làm mất đi chế độ autostart của slideshow...
Mời các bạn bấm vào Xem thử phía dưới để xem trước slideshow này nha.


Xem thử


Bạn chỉ việc đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML/Javacript (nếu bạn chưa biết các thêm HTML/Javacript thì mời bạn xem TẠI ĐÂY). Sau đó copy tất các code phía dưới dán vào.



<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/66348944/thunghiem/carddeckslideshow.css" />

<style>

.stackcontainer{
margin: 10px 0 0px 0;
}

#demo1{
width: 240px;
height: 320px;
margin-left: 210px;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<script src="https://dl.dropboxusercontent.com/u/66348944/thunghiem/carddeckslideshow.js">

</script>

<script>

var demo1 = new carddeckslideshow({
 id: 'demo1',
 autoplay: true,
 cycles: 2,
 persist: false
})


</script>


<div id="demo1" class="stackcontainer">

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6htoX5Cu_ysaozT2yAB7CrwsfDir3XdlnO9Xn6SUeJS1RTqnfCSk1_AXFOgDcs1OdUyEYMezhNnu7NzD16Vmo-ixjQqOEL5nCNGdYDk6NYB5TX_2idi0sfMSiY4CHvLw5Bh-ihYxNBAM/s1600/0024.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4rKgRBs5t8ufgg3BMnr-VONtaYo21b9QwIjOTXUcVTryqd9NIo5QF-4Sv0e2k9rUnabFkl2I1tmqgoXIgt8_EdfUiZBh80z-r9KKymMPdl5NzIgoLD7hwD7d9UEqyvgR93NOV9lkuTI/s1600/0055.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZeLFe3ueefIsX4pho7kuEyedENGU88u36PTY_BkoAG-u4eUPnVBAS_NX7rjKTfjtd_ZWiBjuO1B1v338-Sg7qfBR6JzV8dUFaU39gxRpJBc5Gv8scH42Qzy1oXntA8YKbIOpmAcewyQ/s1600/0013.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_WITTtrT7QQApx1fksKHfv7aSoO09FD9rjqN07UyYAQVMANVZScx6fRglv7MNyYJcrmq1_AoFpvLufCeI5G7UhwX6uAfNqKQWC-5IPDiM9dQsTVKHWCyOlyPeN0SYRu5o-meN5m6Hip0/s1600/0015.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW9PZRp5DCbiFkzG7xlThJVzlATT3RuCFMrQ245Zq81uR5Vz_OthOrsmQ9k01jGHo8UuW7y0ixnlfgj9rwF5VdDL0KC_YUHHzLYx_5dLAwMzefaHP0MwBEkXxawHZkJYgR2b7fW3ycKjA/s1600/0014.gif" />
 </div>


<div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil5OIDXeXaNj_kyAWP8J_phpqS8mlMK468mTPx31PPLfMNWpGojgzuZ6WOcBc8asqAguQAdXa1SBMnAU1Nnrat8Z81ErcLVaNJBgUcCpb9mBxybsbCJzeKG2sVhFglUgcNanhL4JJOes8/s1600/0019.gif" />
 </div>

 <div class="inner">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihnhnKVFOYdqiPoFB_0hv8LZ_-6JA37C_v7Wsyh_6g5DZ4oGp5gZJBHWeb93ZdYeED_pxURPJQQk7zejBhGMCd5oYa4aQhnogRrNy8HN-T5j-9GeRPxi9F76kQAGtTjMYZAQBCdvTRUh7B/s1600/0035.gif" />
 </div>




</div>

<div style="margin-top:1em; margin-left:250px">
<a href="javascript:demo1.navigate('prev')">Previous Slide</a> / <a href="javascript:demo1.navigate('next')">Next Slide</a> / <a href="javascript: demo1.userpause()">Stop</a>
</div>


Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ, trong đó:
Width: chiều rộng của khung trình chiếu
Height: chiều cao của khung trình chiếu
Margin-left: khoảng cách từ lề trái đến khung trình chiếu (khoảng cách này nếu bạn để ngắn quá thì hiệu ứng rơi ảnh sẽ không được đẹp).
Và các dòng lệnh màu xanh là link ảnh.
Cuối cùng bấm Lưu là xong.
Ở code trên tôi làm 7 ảnh, nếu bạn muốn nhiều ảnh hơn nữa thì dán đoạn code:

 <div class="inner">
  <img src="link ảnh" />
 </div>

lên phía trên thẻ đóng </div> cuối cùng.
Để slideshow được đẹp, bạn nên resize các ảnh có cùng kích thước với khung trình chiếu.
Chúc bạn thành công




35 nhận xét:

englishnauhoang nói...

thư giản cuối tuần Dũng nhé !

dunghennessy nói...

Cám ơn chị đã ghé thăm em
Em cũng chúc Chị và gia đình cuối tuần vui vẻ và hạnh phúc

admin nói...

Trao đổi link, nếu bạn đồng ý thì pm qua cho mình nhé: http://thegioiblogs.blogspot.com/2007/01/trao-doi-lien-ket-trong-cong-dong-blogger.html

- Link blog: http://thegioiblogs.blogspot.com
- Tên blog: Thế Giới Blog
- Link Favicon: http://www.iconj.com/ico/2/q/2qvewewx5p.ico
- Mô tả: Thế Giới Blog - Chia Sẻ Cùng Bạn

dunghennessy nói...

Mình đã add liên kết trang của bạn vào dunghennessy rồi đó.
Chúc trang bạn ngày càng phát triển

SONCA BLOG nói...

Đẹp lắm bạn.Cảm ơn về những code mà bạn tặng cho mọi người nhé.Chúc bạn đêm ngủ ngon,mơ đẹp nhé

dunghennessy nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
Chúc bạn luôn vui khoẻ và hạnh phúc

englishnauhoang nói...

Chị Chào Dũng. Lễ vui nhe.

dunghennessy nói...

Dạ!!! Cám ơn chị
Em cũng chúc Chị và gia đình vui khoẻ và hạnh phúc trong kỳ nghĩ lễ nha

Unknown nói...

Anh ơi cho em hỏi, em muốn thay đổi hết tất cả các tiêu đề các tab bằng hình ảnh hết giống như mấy cái tab "KHÁCH THAM QUAN", "BÌNH LUẬN CỦA CÁC BẠN" và "LIÊN KẾT BOG" giống như của anh thì em phải làm như thế nào vậy ạ?

Unknown nói...

Anh Dũng lúc này đi đâu dzị ta ?????????? chôm hết đồ mới được....

banglangtim tim nói...

Ngày mới thêm nhiều niềm vui nha Dũng. Chị tím thăm em.

huongtra nói...

Trang nhà của anh Dũng quá tuyệt vời . Thích lắm .

huongtra nói...

Khi nào anh Dũng về lại trang nhà .Anh cho Trà xin cái Code Biểu tượng cảm xúc (icon ) của Yahoo nhé anh . rồi bỏ nó vào đâu ạ . HT cảm ơn anh thiệt nhiều ạ . Chúc anh ngày mới an lành và nhiều may mắn .

Unknown nói...

Anh Dũng đi đâu mà lâu thế ta ? không lo dzìa nhà đi , em chôm hết đồ rùi ...hihi

Unknown nói...

Mình cám ơn bạn rất nhiều, các bai viết của bạn rất hữu ích.. mình xin mượn chút kiến thức từ blog của bạn - để trang trí cho ngôi nhà blog của mình.
Chúc bạn có những ngày cuối tuần thật vui nhé.

Unknown nói...

Hướng dẫn kiếm gems trong game clash of clans
http://kiemgemclashofclan.blogspot.com/

Huong Que nói...

hihihi chị ghé thăm em trai .....qua thăm em là có ý đồ rồi đó D ơi .....coi chừng chị chrom đồ đó nhé .hiihihi Em trai thật là giỏi chúc em luôn vui nhé .

dunghennessy nói...

Oh..Cám ơn Chị đã ghé thăm (lâu lắm rồi đó...)
Chúc Chị và gia đình luôn vui khoẻ, bình an và hạnh phúc nhe

Nặc danh nói...

Blog của bạn đẹp quá. Mình muốn qua học cách trang trí được không?

dunghennessy nói...

Cám ơn bạn đã khen...Blog mình cũng thường như của mọi người mà thôi...
Nếu bạn muốn mình sẽ hướng dẫn bạn theo kinh nghiệm của mình để bạn có một blog hoàn chỉnh
Chúc bạn vui

INVISIBLE nói...

cho mình hỏi mình chèn code naỳ vào và bị mất banner chính thì phải xử lí như thế nào

Unknown nói...

Thu Điệp chào anh ... Chúc anh một năm mới an lành , vạn sự như ý nhé !

Unknown nói...

Thu Điệp chào anh ... Chúc anh một năm mới an lành , vạn sự như ý nhé !

Shop mỹ phẩm của tui nói...

Cảm ơn bài viết hay !

nuoc hoa damode
thuoc no nguc cua my
thuoc giam can cua my

Đinh Nhật Trà nói...

Cảm ơn bạn đã chia sẽ những thông tin thú vị và bổ ích nhé. Ngoài ra, nếu bạn có nhu cầu được hỗ trợ thăm khám hoặc tư vấn miễn phí về các dịch vụ thẩm mỹ mắt đẹp thì Bạn có thể đến trực tiếp tại Kim Hospital để được các chuyên gia tư vấn bam mi mat giu duoc bao lau...Bạn sẽ có một số kiến thức thẩm mỹ nhất định cùng một sự trải nghiệm tuyệt vời!

Bá Bông nói...

du an phuc an city

thuoc tang can cua nhat ban

Tiểu học Vĩnh Phước nói...

hi

SEO WEBSITE TPHCM nói...

Thank you !!

>> dich vu seo tai tphcm

>> tap vat ly tri lieu sau tai bien

khanh chicanh nói...

Cảm ơn bạn đã chia sẻ, qua đây mình cũng muốn chia sẻ đến mọi người địa chỉ cung cấp DV phiên dịch, dịch thuật đa ngôn ngữ, đa ngành nghề uy tín, nhanh chóng, chất lượng... trên toàn quốc. Công Ty Phiên Dịch - Dịch Thuật A2Z, đơn vị cung cấp DV phiên dịch, dịch thuật số 1 tại Việt Nam. Điểm lợi khi khách hàng sử dụng DV phiên dịch, dịch thuật A2Z: tiết kiệm tối đa chi phí, thời gian, tăng khả năng thành công trong công việc, hoàn phí khi có lỗi từ DV. Tham khảo chi tiết ngôn ngữ phiên dịch, dịch thuật: Phiên dịch tiếng anh tại Đà Nẵng, Phiên dịch tiếng Trung tại Hải Phòng, Phiên dịch tiếng nhật tại Hải Phòng, Phiên dịch tiếng trung Đồng Nai, Phiên dịch tiếng trung tại Bắc Giang, Phiên dịch tiếng trung tại Đà Nẵng, Phiên dịch tiếng Hàn tại Hải Dương, Phiên dịch tiếng Hàn tại Hà Nội,.........................

Tường Minh nói...

Bài viết hay

Cừ Tràm Đại Nam nói...
Nhận xét này đã bị tác giả xóa.
Cừ Tràm Đại Nam nói...

Cừ Tràm Đại Nam là đơn vị uy tín đáng tin cậy trong lĩnh vực cung cấp bán cừ tràm, cừ bạch đàn, cừ dừa, phên tre, cót tre xây dựng giá rẻ tại TP.HCM, Bình Dương, Đồng Nai. Xem ngay tại: https://blogbancutram.blogspot.com

Máy tính Trần Anh nói...

Cúp pha lê | Xưởng sản xuất cúp pha lê

Máy tính Trần Anh nói...

Đồng hồ pha lê | Đồng hồ pha lê để bàn

Nam Sài Gòn Homes nói...
Nhận xét này đã bị tác giả xóa.

Đăng nhận xét

 
Powered by by: Blogger