▀▄▀▄▀▄▀▄▀▄▀▄ 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="http://2.bp.blogspot.com/-fTUCvN86Ui0/Ufym_X_WymI/AAAAAAAAlrg/yVqkqLOzH7E/s1600/0024.gif" />
 </div>

 <div class="inner">
  <img src="http://1.bp.blogspot.com/-ztR_wpvEVmM/UfyxPPc4ZSI/AAAAAAAAmBo/PqmNuTmzr6M/s1600/0055.gif" />
 </div>

 <div class="inner">
  <img src="http://2.bp.blogspot.com/-7jiMrqNiFBs/UfywO1XDUVI/AAAAAAAAl9k/K8ApREPSoj0/s1600/0013.gif" />
 </div>

 <div class="inner">
  <img src="http://4.bp.blogspot.com/-mTbV515tsec/UfywUBNroEI/AAAAAAAAl90/U_3_a3Ih3sA/s1600/0015.gif" />
 </div>

 <div class="inner">
  <img src="http://3.bp.blogspot.com/-W5SfSsAZT_E/UfywUaz39kI/AAAAAAAAl94/xsnlnOL9bpk/s1600/0014.gif" />
 </div>


<div class="inner">
  <img src="http://4.bp.blogspot.com/-SfDGbmDYwbM/Ufywfi0kxtI/AAAAAAAAl-c/bXcWsuiw0Mo/s1600/0019.gif" />
 </div>

 <div class="inner">
  <img src="http://2.bp.blogspot.com/-nGFQm5fzR_Y/T2NHLPGtEeI/AAAAAAAASNY/ajAjYxd2swA/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




29 nhận xét:

Nguyen NauHoang nói...

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

Dung PHAM HOANG 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

Tuổi Trẻ Đời Sống 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

Dung PHAM HOANG 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é

Dung PHAM HOANG 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

Nguyen NauHoang nói...

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

Dung PHAM HOANG 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

Hoàng Dáng Thạch 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 ạ?

Thu Điệp Vàng 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.

huong tra nói...

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

huong tra 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 .

Thu Điệp Vàng 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

Jos Nguyen 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é.

Huu Hoang nói...

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

Hương Quê 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

Su ka 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

Hoa Điệp Vàng 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é !

Hoa Điệp Vàng 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é !

sunflower nói...


Hà Nội Đủ được đứng cùng hàng ngũ với 10 tổ chức phi chính phủ dành cho thanh niên mà bạn nên tham gia nà
dịch vụ kế toán thuế quận phú nhuận
dịch vụ kế toán thuế tại biên hòa đồng nai
dịch vụ dọn dẹp sổ sách tại tp hcm
Không có gì có thể thay thế, trong con mắt của sự phi lý
Không có gì có thể nhớ, thế giới của sự tồn tại của tôi

Trần Minh Toàn nói...

Hôi miệng sau khi nhổ răng khôn thì phải làm sao ? Răng khôn là răng cuối cùng của mỗi bên hàm thường mọc ở độ tuổi từ 18 đến 25 tuổi. Nhiều khi răng khôn bị kẹt hay lèn trong xương hàm, hay không mọc được

Hôi miệng vì hở van dạ dày, trào ngược dịch axit có thuốc chữa gì không/

Bệnh hôi miệng có chữa được không, chữa như thế nào ? địa chỉ khám ở đâu là tốt nhất

Cách chữa trị hôi miệng khỏi 99% bằng nước muối sạch bóng hôi miệng mang lại hơi thở thơm lừng

Cách chữa bệnh hôi miệng bằng thuốc nam nhanh nhất hiệu quả nhất bằng cây nhà lá vườn

Thanh Hoàng nói...

làm bảng hiệu giá rẻ
Làm bảng hiệu giá rẻ quận 1
làm bảng hiệu led chạy chữ
Bảng điện tử led ma trận
làm hộp đèn led
làm bảng hiệu led
thi công backdrop Giá rẻ
làm bảng hiệu

Nhung Nguyen nói...

Cua Hang Play: Clean Master , CH PlayTai Game BigKool

Sản phẩm bHIP Việt Nam 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!

Đăng nhận xét

 
Powered by by: Blogger