作者junzuo (junzuo)
看板Web_Design
標題Re: [問題] jquery圖片切換功能問題
時間Wed Dec 31 22:50:51 2008
感謝arianda大大的熱心
那我就把原來的code重打一次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Chuan Florist | flower design in Malaysia</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery1-2-6.js"></script>
<script type="text/javascript" src="pictureeffect.js"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script type="text/javascript">
$('#s2').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next2',
prev: '#prev2'
});
</script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"
/>
<style type="text/css">
<!--
.style2 {
color: #FFFFCC;
}
.style3 {color: #FFFFFF}
.style4 {font-size: 12px}
.style5 {color: #C146AC}
.style8 {
color: #990033;
font-size: 16px;
}
.style9 {
color: #990066;
font-style: italic;
}
.style11 {
font-size: small;
color: #990066;
}
.style16 {font-size: 18px; }
.style18 {
font-size: 18px;
border-bottom: 1px solid #CCC;
}
.style20 {
font-size: 14px;
font-weight: bold;
color: #990000;
}
.style22 {
font-size: 14px;
color: #990066;
}
.style23 {color: #990033}
.style25 {font-size: 14px; color: #990099; }
.style29 {font-size: 13px; color: #990066; }
-->
</style>
</head>
<body>
<!-- Master Container: Centered and 700px wide -->
<div id="container">
<!-- The topmost bar -->
<div id="topbar" >
Total visitors:<script language="JavaScript" type="text/javascript"
src="
http://counter1.fc2.com/counter.php?id=3906339"></script><noscript><img
src="
http://counter1.fc2.com/counter_img.php?id=3906339" ><br><strong><a
href="
http://counter.fc2.com/">counter</a></strong></noscript>
Real time visitors:<script language="JavaScript" type="text/javascript"
src="
http://counter1.fc2.com/views.php?id=3906339"></script><noscript><img
src="
http://counter1.fc2.com/counter_now.php?id=3906339"><br><strong><a
href="
http://counter.fc2.com/">counter</a></strong></noscript>
</div>
<!-- End of top bar -->
<!-- This holds the main header -->
<div id="headerwrapper">
<!-- This is the site title -->
<h1 class="style5">Chuan Florist Trading</h1>
<div>
<!-- This is the site slogan -->-
<h6 class="style5"><span class="style4">State of art Flower
Art</span><br />
</h6>
</div>
</div>
<!-- End of headerwrapper -->
<!-- This hold the navigation tabs -->
<div id="tabholder"></div>
<!-- End of the tabs holder -->
<!-- This is the search box and login controls holder -->
<!-- End of the login controls holder -->
<!-- Here's the box for the main article -->
<div class="articleboxouter" id="tab1">
<!-- Here's where you can place ur content -->
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab style2 style3" tabindex="0">About
Chuan Florist</li>
<li class="TabbedPanelsTab style2 style3" tabindex="0">Success
Story</li>
<li class="TabbedPanelsTab style3 style2 style2 style2 style2
style2" tabindex="0">Services</li>
<li class="TabbedPanelsTab style3" tabindex="0"><span
class="style2 style3">Contact</span> <span class="style2
style3">Us</span></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="articleboxinner">
<p align="justify"><img src="images/help.jpg" alt="" width="164"
height="159" class="mainpiccontrol" /><span class="articleheader
style8"><span class="style16">Chuan's Flower Shop</span></span><br/>
<span class="style11">Teo Boon Chuan, who has more than 20 years
experiences in flower designing and decorating. He learned the technique from
a well-known Japanese flower design artist, and he goes Taiwan to learn new
fashion design every year. He's a member of Chinese Flower Design
Association(Taiwan), and he's keen to bring the most fashionable flower
design to Malaysia. His shop now located in his hometown, Kota Tinggi(Johor),
and has 20 years of history provide sevices to local customers. Besides, he
is invited to Singapore, Kuala Lumpur to perform flower decorating and
designing, his works also impress customers very well.</span><br/>
</p>
</div>
<div class="articleboxinner">
<p><img src="images/f1.jpg" alt="" width="172" height="205"
class="mainpiccontrol" />
<span class="articleheader style8"><span
class="style18">Success Story</span></span><br/>
<p class="style20">199X~2007
<p class="style29">Flower Design Contest Kota Tinggi Police Day 1st
Prize<br/>
Holiday Inn Flower Contest(JB area Open) 1st Prize
<p class="style29">Holiday Plaze
Flower Contest
(Johor state open) 1st Prize</p>
<p class="style29">New Hu Bin Restaurant wedding interior design
etc...</p>
<p class="style20">2008~ </p>
<p class="style29">Singapore Shangri-La Hotel Wedding decorating</p>
<p class="style29">City Square Wedding Exhibition venue decorating
<p class="style29">Bukit Indah Jusco Open Ceremony flower design
and decorating
<p class="style29">Sutera Mall DeGEM
jewellry exhibition venue decorating etc...
<p> </div>
<div class="articleboxinner">
<p><img src="images/f3.jpg" alt="" width="173" height="195"
class="mainpiccontrol" />
<span class="articleheader style23">Service</span></p>
<p class="style22">We provide various kinds of services, including
hand bouquet design, Wedding venue decorating and flower designing(also
provide Malay's Sirih Junjung design), fruit basket, funeral wrealth etc. You
can cantact us and tell us your demand, and we will give you some suggestion.
As we also provide services in Singapore, please feel free to contact us.</p>
</div>
<div class="articleboxinner">
<p><img src="images/f2.jpg" alt="" width="187" height="181"
class="mainpiccontrol" />
<span class="articleheader style23">Contact Us</span><br/>
<br/>
<span class="style25">Address: 12, Jalan Niaga 2, Kota
Tinggi, Johor, Malaysia</span></p>
<p class="style25">Tel: 07-8831786 / 016-7631288</p>
<p class="style25">email:
[email protected]</p>
<p class="style25"> </p>
<p class="style25">p/s It is the best you call us instead of
email us, as we can give you some suggestions ASAP.</p>
</div>
</div>
</div>
<!-- End of content holder -->
</div>
<!-- End of main article -->
<!-- Here's the box for some pics, remove if not a photo gallery -->
<!-- End of photogallery -->
<!-- We love three columns, don't we? -->
<!-- Holder for three columns -->
<div class="articleboxouter">
<div id="newsContainer2">
<!-- Column 1 -->
<div class="c1">
<div class="noteheader">
Hand Bouquet</div>
<div class="spacy style5">
<div id="s2" class="pics" style="position:relative" >
<img src="images/f1.jpg" width="120" height="120"
style="position:absolute" />
<img src="images/f2.jpg" width="120" height="120"
style="position:absolute" /><span class="pics" style="position:relative"><img
src="images/f3.jpg" width="120" height="120" style="position:absolute"
/></span></div>
<div class="nav" align="right" style="bottom"><a id="prev2"
href="#">Prev</a> <a id="next2" href="#">Next</a></div>
</div>
</div>
</div>
</div>
<!-- Column 2 -->
<div class="c1">
<div class="noteheader">
Decorating(Wedding,Interior)</div>
<div class="spacy style5">
<p><a href="c/c.jpg" title="" class="thickbox"
rel="gallery-plants"><img src="c/c.jpg" alt="flower" height="65" width="65"
/></a><a href="c/c (1).jpg" title="" class="thickbox"
rel="gallery-plants"><img src="c/c (1).jpg" alt="flower" height="65"
width="65" /></a>
<a href="c/c (2).jpg" title="" class="thickbox"
rel="gallery-plants"><img src="c/c (2).jpg" alt="flower" height="65"
width="65" /></a>
<a href="c/c (3).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (4).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (5).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (6).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (7).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (8).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (9).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (10).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (11).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (12).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (13).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (14).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (15).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (16).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (17).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (18).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (19).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (20).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (21).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (22).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (23).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (24).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (25).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (26).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (27).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (28).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (29).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (30).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (31).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (32).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (33).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (34).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (35).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (36).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (37).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (38).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (39).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (40).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (41).jpg" title="" class="thickbox"
rel="gallery-plants">
<a href="c/c (42).jpg" title="" class="thickbox"
rel="gallery-plants"> </p>
<p>(Click the picture to view more)</p>
<p class="style9">(The above project is the cooperation
between Singapore flower designer and Chuan)</p>
<p> </p>
</div>
</div>
<!-- Column 3 -->
<div class="c1">
<div class="noteheader">Condolences</div>
<div class="spacy style5">
<p><a href="images/f1.jpg" title="add a caption to title
attribute / or leave blank" class="thickbox" rel="gallery-plants"><img
src="images/f1.jpg" alt="flower" height="65" width="65" /></a><a
href="images/f2.jpg" title="add a caption to title attribute / or leave
blank" class="thickbox" rel="gallery-plants"><img src="images/f2.jpg"
alt="flower" height="65" width="65" /></a>
<a href="images/f3.jpg" title="add a caption to title
attribute / or leave blank" class="thickbox" rel="gallery-plants"><img
src="images/f3.jpg" alt="flower" height="65" width="65" /></a></p>
<p>(Click the picture to view more)</p>
<p> </p>
<p> </p>
</div>
</div>
<div class="activeSlide">
<div class="spacy style5"></div>
</div>
</div><!-- End of the three columns holder -->
<!-- This little whitespace will separate the page from the footer -->
<!-- Finally, here's the humble footer, holding your copyright --><!--
End of footer -->
<!-- End of master container -->
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 115.134.111.213
→ arianda:我意思是說你把你寫的放到往站上..這邊我不能跑debug阿 01/01 01:44
→ junzuo:OK 01/01 08:31
→ junzuo:arianda大 以上是有問題的網站 最左邊圖片瀏覽失敗 01/01 08:55
→ junzuo:按next跟back都沒有反應 麻煩你幫我看看 謝謝 01/01 08:55