[Jquery]最新消息或相簿的輪撥

LINEで送る
[`evernote` not found]

看到這篇教學覺得還蠻不錯玩的
就下載回來試做了一下:

如果拿來做一個WordPress的外掛不知道有沒有人會想要勒!?
不過在ie看好像會有點問題
在firefox就很ok
應該又是css吧@@

下面是我改了一下貼在justblog的原始碼

<script src="/wp-includes/js/jquery-latest.pack.js" type="text/javascript"><!--mce:3--></script>
<script src="/wp-includes/js/jcarousellite_1.0.1c4.js" type="text/javascript"><!--mce:4--></script>
<!--
#newsticker-demo {
width:580px;
background:#333333;
padding:5px 5px 0;
font-size:12px;
margin:20px auto;
}
 
#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}
 
.newsticker-jcarousellite { width:580px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:460px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }
-->
 
<script type="text/javascript"><!--mce:5--></script>
<div id="newsticker-demo">
<div class="newsticker-jcarousellite">
<ul>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3392/3621496975_32662455f0_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157619684802358/photo/3621496975/2009-06-13-%e4%bd%a9%e5%84%80%e5%ae%b6%e5%b9%ab%e5%a4%a7%e4%bc%af%e6%85%b6%e7%94%9f-cimg9253.html">2009.06.13</a>
					<span class="cat">佩儀家幫大伯慶生</span></div>
</li>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3307/3589296052_609255464b_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157619056233885/2009-06-02-28%e5%9b%9e%e6%a9%ab%e6%bf%b1%e9%96%8b%e6%b8%af%e7%a5%ad.html">2009.06.02</a>
					<span class="cat">28回橫濱開港祭</span></div>
</li>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3393/3589269086_b6ed7ee69c_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157619056036831/2009-05-31-%e6%a9%ab%e6%bf%b1%e8%9b%8b%e7%b3%95%e5%90%83%e5%88%b0%e9%a3%bd.html">2009.05.31</a>
					<span class="cat">橫濱蛋糕吃到飽</span></div>
</li>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3587/3556894878_fae4847320_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157618670529214/2009-05-23-%e6%97%a5%e6%9c%ac%e7%ac%ac%e4%b8%80%e5%a0%b4%e9%9b%bb%e5%bd%b1-%e8%b5%a4%e5%a3%81.html">2009.05.23</a>
					<span class="cat">日本第一場電影 赤壁</span></div>
</li>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3628/3457714214_cdbbe250a2_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157616972878291/2009-04-18-%e5%94%90%e3%81%a8%e3%82%93.html">2009.04.18</a>
					<span class="cat">唐とん</span></div>
</li>
<li>
<div class="thumbnail">
					<img src="http://farm4.static.flickr.com/3551/3456240258_03a6351239_m.jpg" alt="" width="100" /></div>
<div class="info">
					<a href="http://justfly.idv.tw/photos/album/72157617061955814/2009-04-16-%e6%8b%89%e9%ba%b5%e5%8d%9a%e7%89%a9%e9%a4%a8.html">2009.04.16</a>
					<span class="cat">拉麵博物館</span></div>
</li>
</ul>
</div>
</div>

4 則迴響於《[Jquery]最新消息或相簿的輪撥

回應已關閉。