카테고리 없음
jQuery&slideShow
James Wetzel
2011. 8. 19. 19:25
샘플 보기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/Scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/Scripts/jqFancyTransitions.1.8.min.js"></script>
<title>jqFancyTransitions: jQuery Image Rotator Plugin</title>
<style type="text/css">
/*--- shared */
#ftHolder { width: 500px; float: left; text-align: center; height: 332px; padding-top: 90px; }
#ft { border: 5px solid #BAD340; -moz-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 480px; text-align: left; }
/*--- end:shared */
</style>
</head>
<body>
<div id="ftHolder">
<div id="ft">
<img src="http://nimg.nate.com/orgImg/hk/2011/08/19/201108196113g_2011081936681.jpg"
alt="<i>Terrace View <a href='http://sniperyu.deviantart.com/'>by Marko Manojlovic</a></i>" />
<a href='http://sniperyu.deviantart.com/'></a>
<img src="http://nimg.nate.com/orgImg/mt/2011/08/18/2011081817341564962_1.jpg"
alt="NBG #1 <i><a href='http://picasaweb.google.com/azzazel'>by Goran Jovanovic</a></i>" />
<a href='http://picasaweb.google.com/azzazel'></a>
<img src="http://nimg.nate.com/orgImg/ch/2011/08/08/ch_1312765443_99362390_0.jpg"
alt="Navagio beach Zakynthos <i><a href='http://ivframes.com/'>by Ivan Jekic</a></i>" />
<a href='http://ivframes.com/'></a>
<img src="http://nimg.nate.com/orgImg/mt/2011/07/31/2011073112450410354_1.jpg"
alt="Blue Window <i><a href='http://www.igorsrdanovic.com'>by Igor Srdanovic</a></i>" />
<a href='http://www.igorsrdanovic.com'></a>
</div>
</div>
<script>
$('#ft').jqFancyTransitions({ navigation: true, links: true, delay: 50000 });
</script>
</body>
</html>
728x90
반응형