Mootools Featured post Slider - 6 January 2011 - All 4 You
Saturday, 21-Jan-2017, 7:13 PM
Welcome Guest | RSS
Main » 2011 » January » 6 » Mootools Featured post Slider
9:32 AM
Mootools Featured post Slider
Mootools Featured Post Slider



Code
<script src='http://bnote.googlecode.com/files/mootools-1.2.1-core-yc.js' type='text/javascript'></script> 
<script type="text/javascript" src="http://all4u.dmon.com/Js/mootools_more.js"> </script> 
<script type="text/javascript" src="http://all4u.dmon.com/Js/mootools.js"> </script>  
<link href="http://all4u.dmon.com/CSS/gallery.css" rel="stylesheet" type="text/css" media="screen" type='text/css'>

<script type="text/javascript"> 
    function startGallery() {
            var myGallery = new gallery($('myGallery'), {
                    timed: true,
                    delay: 5000,
                    slideInfoZoneOpacity: 0.8,
                    showCarousel: false
            });
    }
    window.addEvent('domready', startGallery);
</script> 
 
 

<div id="myGallery"> 

<div class="imageElement"><h3><a href="#">Title 1</a></h3><p>ND 1</p> 
<a href="#" title="Title 1" class="open"></a><img src="1.jpg" class="full" alt="" /></div> 
 
<div class="imageElement"><h3><a href="#">Title 2</a></h3><p>ND 2</p> 
<a href="#" title="Title 2" class="open"></a><img src="2.jpg" class="full" alt="" /></div> 
 
<div class="imageElement"><h3><a href="#">Title 3</a></h3><p>ND 3</p><a href="#" title="Title 3" class="open"></a><img src="3.jpg" class="full" alt="" /></div> 
 
</div>
</div> 

Size ảnh ở đây là 515x250, và ảnh sẽ không bị "méo" nếu bạn lỡ quên resize ảnh. Để chỉnh lại size ảnh thì bạn down file css về và edit lại size ảnh theo yêu cầu của bạn.
Muốn thay đổi height của hiển thị nội dung thì sửa height ở .jdGallery .slideInfoZone của file css.

Smooth jQuery Featured Posts Slider



Code
<link href="http://all4u.dmon.com/CSS/s3slider2.css" rel="stylesheet" type="text/css" media="screen" type='text/css'> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> 
<script type="text/javascript" src="http://all4u.dmon.com/Js/s3slider2.js"></script> 
<script type='text/javascript'> 
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script> 

<div id="s3slider"> 
<ul id="s3sliderContent"> 
 
<li class="s3sliderImage"><a href="#"><img style="width:550px;height:200px;" src="1.jpg" /><span>Title 1</span></a></li> 
<li class="s3sliderImage"><a href="#"><img style="width:550px;height:200px;" src="2.jpg" /><span>Title 2</span></a></li> 
<li class="s3sliderImage"><a href="#"><img style="width:550px;height:200px;" src="3.jpg" /><span>Title 3</span></a></li>
 
</ul></div> 

Chúc các bạn thành công!
Category: Featured Post - Image Gallery | Views: 2460 | Added by: hanguyen | Rating: 0.0/0
Total comments: 611 2 3 ... 6 7 »
61  
I love to read you website

http://realserwispl.phorum.pl/viewtopic.php?p=2173

60  
Another good share, grab free android games + bonuses:
http://www.mediafire.com/file/xmvu48oddiwau88/Gold_diggers_APK_+_bonus_cheats.zip
http://www.mediafire.com/file/713ar7169ddvcae/Bad_Traffic_APK_+_bonus_CHEATS.zip

59  
all4u.dmon.com loads very slow, please fix this admin
[url=http://www.youtube.com/watch?v=1xkr9pWFS0o]plantes contre zombies
[/url]

58  
all4u.dmon.com is so interesting dude

http://timeless-jewellery.com/buy-wholesale-jewelry-identify-the-best-wholesale-jewelry/
http://timeless-jewellery.com/handmade-jewelry-created-with-fantastic-gemstones/

57  
<a href=http://groch.com/serv/#29360>buy tramadol</a> tramadol 50 mg street price - can i order tramadol online legally

56  
qtnrwenlr <strong><a href="http://www.ccgenevoisi.com/uggfrance.php>ugg</a></strong> yuelttg <strong><a href="http://www.ediblebrooklyns.com/tomsus.php>toms outlet</a></strong> ryyudaolxt <strong><a href="http://www.jasonjordans.com/nikeshoes.php>nike free run</a></strong> geqaenad <strong><a href="http://www.eastendtalkings.com/cheapghd.html>GHd</a></strong> ygxqghyvu.

55  
znkbgcjjd <strong><a href="http://www.4secate.net/ghdhair.php>ghd</a></strong> aqoutme <strong><a href="http://www.ccgenevoisi.com/uggfrance.php>ugg</a></strong> cvpydsfqib <strong><a href="http://cooperholoweski.com/>ray ban sunglasses</a></strong> vrmhftca <strong><a href="http://www.foodsnute.com/clarisonic.php>clarisonic</a></strong> bxikgitcz.

54  
juvgyqzkf <strong><a href="http://www.saxbycoffea.com/mkbags.php>Michael Kors outlet</a></strong> itjosnf <strong><a href="http://www.acelgxt.com/nike.php>nike shoes</a></strong> zzokxwwdvh <strong><a href="http://www.tourismev67.com/ghd.php>ghd</a></strong> kcmikshn <strong><a href="http://www.saxbycoffea.com/mkbags.php>Michael Kors outlet</a></strong> ysuklnqbu.

53  
nepzncqul <strong><a href="http://www.longbeach.com/sitemenus/shoes_p1.html>nike air max</a></strong> gbllapg <strong><a href="http://www.businessownerspace.com/page/lv_p1.html>louis vuitton</a></strong> lxhclbjoni <strong><a href="http://www.4secate.net/nikeairmax.php>nike air max</a></strong> douseftq <strong><a href="http://www.cicnewsst.com>toms outlet</a></strong> nmqaiqpah.

52  
dnwdnhmup <strong><a href="http://www.taxfreebicycler.com/lvus.php>louis vuitton</a></strong> oehichs <strong><a href="http://www.mljadoptions.com/css/.php/shoes_p2.html>nike outlet</a></strong> lxefehgptw <strong><a href="http://www.botasbaratasc.com/>ugg</a></strong> ofycdwbp <strong><a href="http://www.actualitses.com/nikefreerunfr.php>nike</a></strong> xiquvrerk.

1-10 11-20 21-30 ... 51-60 61-61
Only registered users can add comments.
[ Registration | Login ]
Login Form
Nhận bài qua Email


Đăng ký để nhận thông tin
và bài post mới nhất qua email

Chuyên mục
Toàn tập Dmon/ Ucoz [22]
Hướng dẫn thiết kế website với dịch vụ của Dmon.com/ Ucoz.com,...
Code [18]
Các code giúp bạn cá nhân hóa trang web của bạn
Design [21]
Các công cụ web giúp thiết kế web....
Featured Post - Image Gallery [15]
Menu [5]
Các Menu đẹp cho web của bạn
Tab Content [6]
Templates [3]
Toàn bộ thiết kế Template
Khác [0]
Rearch
Thống kê

Total online: 1
Guests: 1
Users: 0
Bản đồ truy cập
Locations of visitors to this page