İnternetten şu şekilde bi slider buldum :
http://bit.ly/1Tl92RP
Fakat bunu wordpress temamda index.php nin içine ekleyemiyorum.
Sayfanın html kodu şu;
<!DOCTYPE html>
<html>
<head>
<title>KonboR</title>
<link rel='stylesheet' type='text/css' href='../jquery.kwicks.css' />
<style type='text/css'>
.kwicks {
width: 100%;
height: 334px;
}
.kwicks > li {
height: 334px;
background-color: #12c1cc;
/* overridden by kwicks but good for when JavaScript is disabled */
margin-left: 5px;
float: left;
}
</style>
</head>
<body>
<ul class='kwicks kwicks-horizontal'>
<li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
</ul>
<script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
<script src='../jquery.kwicks.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('.kwicks').kwicks({
minSize : 50,
spacing : 5,
behavior: 'slideshow'
});
});
</script>
</body>
</html>
Ben kodu şu şekilde ekliyorum;
<link rel='stylesheet' type='text/css' href='../jquery.kwicks.css' />
<style type='text/css'>
.kwicks {
width: 100%;
height: 334px;
}
.kwicks > li {
height: 334px;
background-color: #12c1cc;
/* overridden by kwicks but good for when JavaScript is disabled */
margin-left: 5px;
float: left;
}
</style>
<ul class='kwicks kwicks-horizontal'>
<li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
</ul>
<script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
<script src='../jquery.kwicks.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('.kwicks').kwicks({
minSize : 50,
spacing : 5,
behavior: 'slideshow'
});
});
</script>
Ortaya çıkan görüntü şu oluyor;
O kırmızı yuvarlak içine aldığım alandaki gibi kapalı olan slaytlardaki resimler küçük kalıyor.
Muhtemelen kodları nereye yazacağımı bilmiyorum. Yardımcı olursanız çok sevinirim.