İçerik Slide 2.4
Bu Kod Sayesinde İçeriklerinizi Daha Rahat Sunabilirsiniz Önİzlemesi Yukarıda Hyperend Abimize Teşekkürler..
Kod:
<!-- www.hyperend.tr.gg --> <style type="text/css">
.sliderwrapper{position: relative;overflow: hidden;border: 10px solid #333;
border-bottom-width: 6px;width: 400px;height: 250px;font:12px verdana;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;
left: 0;top: 0; padding: 5px;background:#fff;width:390px;height:100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;opacity: 1;}
.pagination{width: 400px;text-align:right;background:#333;padding:5px 10px;font:12px verdana;}
.pagination a{padding: 0 5px;text-decoration: none;color:#333;background:#ff9900;font-weight:bold;}
.pagination a:hover, .pagination a.selected{color:#000;background:#ffff00;}
</style> <script type="text/javascript" src="http://cssplantillas.co.cc/up/files/a_contentslider.js"></script>
<div class="sliderwrapper" id="slider1">
<div class="contentdiv">İçerik Yazısı 1</div>
<div class="contentdiv">İçerik Yazısı 2</div>
<div class="contentdiv">İçerik Yazısı 3 www.hyperend.tr.gg</div>
<div class="contentdiv">İçerik Yazısı 4 www.hyperend.tr.gg</div>
<div class="contentdiv">İçerik Yazısı 5 www.hyperend.tr.gg</div>
</div>
<div class="pagination" id="paginate-slider1"> </div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1",
contentsource: ["inline", ""],
toc: "#increment",
nextprev: ["Geri", "İleri"],
revealtype: "click",
enablefade: [true, 0.2],
autorotate: [true, 3000],
onChange: function(previndex, curindex){
}
})
</script> <!-- www.hyperend.tr.gg -->